// *** 初期設定 ***

// フェードアウトする場合は1、しない場合は0
var fade_switch = 1;

// 画像を切り替える秒数
var changeSec = 3.5;

// 画像の切り替えにかかる秒数
var changingSec = 1.5;

// 画像リスト
var imagesList = new Array (
	'/resources/201101/images/main_01.jpg',
	'/resources/201101/images/main_02.jpg',
	'/resources/201101/images/main_03.jpg'
);

// *** 以下、プログラム本体 ***
// 変数宣言
var now_image_num;
var next_image_num;
var top_image_timer;


// ページ読み込み完了時に開始
jQuery.event.add( window, "load", function(){
	// -- 背景画像画像読み込み（背景画像は画面読み込み完了時に読んでくる：先にチラッと画像が出ちゃう場合があるため）
	jQuery( '#mainImageBack'  )[0].src = imagesList[next_image_num];
	jQuery( '#mainImageBack'  ).css ( { display: 'inline' } );
	// -- 時間経過で画像を切替えるイベント登録
	top_image_timer = setInterval( topImageChange, changeSec * 1000 );
} );



// トップページ表示時のランダムセット
function topImageShow() {
	ImageNumSet();
	document.write( '<img src="" id="mainImageBack" style="position:absolute;display:none">' ); // 背景画像はまだ表示しない
	document.write( '<img src="' + imagesList[now_image_num] + '" id="mainImageFront" style="position:absolute">' );
}


// 時間経過で画像を切替える
function topImageChange() {
	clearInterval( top_image_timer );
	// -- フロント画像をフェードアウト
	jQuery("#mainImageFront").fadeOut( fade_switch ? changingSec * 1000 : 1 ,
		function () {
			// -- 次の画像に移る
			ImageNumSet();
			jQuery("#mainImageFront")[0].src = imagesList[now_image_num];
			jQuery("#mainImageFront").css( { display: 'inline' } );
			jQuery("#mainImageBack" )[0].src = imagesList[next_image_num];
			top_image_timer = setInterval( topImageChange, changeSec * 1000 );
		}
	);
}


// 次の画像番号にセット
function ImageNumSet() {
	if( now_image_num == null ) {
		// -- 初期ランダムセット
//		now_image_num = Math.floor( Math.random() * imagesList.length );
		now_image_num = 0;
	} else {
		// -- 次の画像番号へ
		now_image_num ++;
		if( now_image_num > ( imagesList.length - 1 ) ) { now_image_num = 0; }
	}
	// -- 裏画像の番号をセット
	next_image_num = now_image_num + 1;
	if( next_image_num > ( imagesList.length - 1 ) ) { next_image_num = 0; }
}