//写真を自動的に入れ替える
//変数の定義
var d = document;		//簡略化
var count = 0;			//カウンター値
var interval = 200;		//繰返し時間
var exPhoto;			//現写真
var obPhoto;			//OB写真
var step = new Array(10,20,30,40,50,60,70,80,90);

//ロードスタート(サムネイルを配列で取得してイベントリスナーを組込む)
window.onload = function(){
	//オブジェクト生成
	exPhoto = d.getElementById("existing");
	obPhoto = d.getElementById("ob");

	//タイマー
	moveTimer();
}

function moveTimer(){
	//画像をフェードアウトさせる
	if(step[0] == count){
		exPhoto.src = "./photos/kaijoo5.jpg";
	}
	if(step[1] == count){
		obPhoto.src = "./photos/kaijoo1.jpg"
	}
	if(step[2] == count){
		exPhoto.src = "./photos/kaijoo6.jpg";
	}
	if(step[3] == count){
		obPhoto.src = "./photos/kaijoo2.jpg"
	}
	if(step[4] == count){
		exPhoto.src = "./photos/kaijoo7.jpg";
	}
	if(step[5] == count){
		obPhoto.src = "./photos/kaijoo3.jpg";
	}
	if(step[6] == count){
		exPhoto.src = "./photos/kaijoo8.jpg";
	}
	if(step[7] == count){
		obPhoto.src = "./photos/kaijoo4.jpg";
	}

	//カウンターを戻す
	if(count == step[8]){
		count = 0;
	}

	count++;
	setTimeout("moveTimer()", interval);
}
// *** 関数 *** //
//フェードイン(対象,カウンター値 1-10)
var userAgent = navigator.appName.toUpperCase();
function fadeIn(element, n){
	if(userAgent.indexOf("EXPLORER") >= 0){
		element.style.filter = "alpha(opacity=" + n * 10 + ")";
	}else{
		element.style.opacity = n / 10;
	}
}
function fadeOut(element, n){
	if(userAgent.indexOf("EXPLORER") >= 0){
		element.style.filter = "alpha(opacity=" + (100 - n * 10) + ")";
	}else{
		element.style.opacity = 1 - n / 10;
	}
}