//変数の定義
var d = document;		//簡略化
var count = 0;			//カウンター値
var interval = 100;		//繰返し時間
var imageArray;			//
var step = new Array(20, 30, 50, 60);

//ロードスタート
window.onload = function(){
	//オブジェクト生成
	imageArray = d.getElementById("imageFrame").getElementsByTagName("img");

	//イベントリスナー

	moveTimer();
}

//メインルーチン
function moveTimer(){
	//ナビゲーション監視

	//インフォーメーション表示
	//画像をフェードインさせる
	if((step[0] < count) && (count <= step[1])){
		fadeIn(imageArray[1], count - step[0]);
	}
	if((step[2] < count) && (count <= step[3])){
		fadeIn(imageArray[2], count - step[2]);
	}

	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 getTarget(e){
	if(e.target){
		return e.target;
	}else if(e.srcElement){
		return e.srcElement;
	}
}
//イベントリスナーの追加
function addEvent(node, evt, func){
	if(node.addEventListener){
		node.addEventListener(evt, func, false);
	}else if(node.attachEvent){
		node.attachEvent("on" + evt, func);
	}
}
//イベントリスナーの削除
function removeEvent(node, evt, func){
	if(node.removeEventListener){
		node.removeEventListener(evt, func, false);
	}else if(node.detachEvent){
		node.detachEvent("on" + evt, func);
	}
}