// =================================================
// トップのメインイメージ切り替え用JS
// 時間に関する単位はミリ秒（1000ミリ秒＝1秒）
// =================================================

var i = 1;	
var j = 0;	
var max = 4;				//切り替えたい画像数
var finame = "mimg2";		//フェードインしたいオブジェクトのIDを格納
var foname = "mimg1";		//フェードアウトしたいオブジェクトのIDを格納
var kizami = 15; 			//フェード処理する間隔
var al = 2; 				//どれぐらい透明処理を行うか（単位：%)

var hyouji = new Array();	//各画像の表示秒数を格納;
hyouji[1] = 5000;			//画像1の表示時間;
hyouji[2] = 5000;			//画像2の表示時間;
hyouji[3] = 5000;			//画像3の表示時間;
hyouji[4] = 10000;			//画像4の表示時間;

function view(){
	setTimeout('viewchange()' , hyouji[i]);
}

function viewchange(){
	j = 0;
	timer = setInterval("fade()",kizami); 
}

function fade(){
	//フェード処理実行
	if(j < 100){
		fadein();
		fadeout();
		j = j + al;
	}
	//フェード処理修了後
	else{	
		clearTimeout(timer);		
		if(i == max - 1){				//これから表示するのが最後の画像場合
			i = i + 1;
			finame = "mimg" + 1;
		}else if(i == max){				//現在表示しているのが最後の画像の場合
			i = 1; 
			finame = "mimg" + (i+1);
		}else{						//その他
			i = i + 1;
			finame = "mimg" + (i+1);
		}
		foname = "mimg" + i;
		view();
	}
}

//フェードインしたい画像の透明度を上げる
function fadein(){
	document.getElementById(finame).style.opacity = j /100;
	document.getElementById(finame).style.MozOpacity = j / 100;
	document.getElementById(finame).style.filter = 'alpha(opacity =' + j + ')';
}

//フェードアウトしたい画像の透明度を下げる
function fadeout(){
	document.getElementById(foname).style.opacity = (100 - j) / 100;
	document.getElementById(foname).style.MozOpacity = (100 - j) / 100;
	document.getElementById(foname).style.filter = 'alpha(opacity =' + (100 - j) + ')';
}