var firstId = 0;				// 最初のシーンID
var fadeTime_cursor = 100;		// カーソルのフェードインアウトスピード（ミリ秒）
var fadeTime_scene = 1700;		// シーンのフェードインアウトスピード（ミリ秒）
var changeTime = 7500;			// 次のシーンに切り替わるまでの時間（ミリ秒）

var sceneData = new Array();	// シーンごとのhtmlデータ
sceneData = [
	'<div id="mainimg01" class="mainarea"><div class="mainimg"><div id="maininner01"><a href="lifestyle/index.html" target="_blank"><img src="img/index/main01.jpg" alt="" /></a></div></div></div>',
	'<div id="mainimg02" class="mainarea"><div class="mainimg"><div id="maininner02"><img src="img/index/main02.jpg" alt="資産運用に留まらない、住むことにこだわったコンパクトマンション提供が私たちの使命です。" /></div></div></div>',
	'<div id="mainimg03" class="mainarea"><div class="mainimg"><div id="maininner03"><a href="lifestyle/men.html"><img src="img/index/main03.jpg" alt="仕事と遊びそのどちらも手に入れる" /></a></div></div></div>',
	'<div id="mainimg04" class="mainarea"><div class="mainimg"><div id="maininner04"><a href="lifestyle/women.html"><img src="img/index/main04.jpg" alt="あなたらしさをつくるマンション" /></a></div></div></div>',
	'<div id="mainimg05" class="mainarea"><div class="mainimg"><div id="maininner05"><a href="#"><img src="img/index/main05.jpg" alt="" /></a></div></div></div>'
];

var cursorPos = new Array();	// カーソルの位置データ
cursorPos = [ -230 , -115, 0 , 115 , 230 ];

// -----------------------------------------------------------

var currentId = firstId;		// 現在のシーンID
var timer;						// セットインターバル格納変数
var state = false;				// 自動で動いている状態（フェードインアウト中にシーン切り替えを禁止するため）

// セットインターバルで実行される関数 シーンを次に切り替える関数
function nextScene() {
	state = true;	// ロック
	nextId = ( currentId + 1 ) % sceneData.length;
	
	// cursor移動処理
	$('#cursor').css('display','none')
	.css( 'left', cursorPos[nextId]+'px' )
	.fadeIn( fadeTime_cursor, function(){} );
	
	// mainの置き換え、フェードイン
	$('#scene').css('display','none')
	.empty()
	.append(sceneData[nextId])
	.fadeIn(fadeTime_scene,function() {
		state = false;	// ロック解除
	} );
	
	// カレントID更新
	currentId = nextId;
}

// 初期化処理
$(function() {

	// #scene の置き換え、#cursor配置
	$('#scene').empty().append( sceneData[firstId] );
	$('#cursor').css( 'left', cursorPos[firstId]+'px' );
	
	// menu のaタグのアドレス置き換え、イベント追加
	$('#menu a').each(function (index, domEle) {
		$(domEle).attr( 'href', 'javascript:void(0);' );
		
		$(domEle).bind('click', { id: index }, function(e) {
			if( !state ) {
				state = true;	// ロック
				// セットインターバルクリア
				clearInterval( timer );
				
				if( e.data.id != currentId ) {
					// カレントIDの更新
					currentId = e.data.id;
				
					// cursor移動処理
					$('#cursor').css('display','none')
					.css( 'left', cursorPos[e.data.id]+'px' )
					.fadeIn( fadeTime_cursor, function(){} );
		
					// mainの置き換え、フェードイン
					$('#scene').css('display','none')
					.empty()
					.append(sceneData[e.data.id])
					.fadeIn(fadeTime_scene,function() {
						state = false;	// ロック解除
					} );
				}
				
				// セットインターバル再設置
				timer = setInterval( 'nextScene()', changeTime );
				
				return false;
			}
		});
	} );

	// セットインターバル設置
	timer = setInterval( 'nextScene()', changeTime );
		
});