//指定した画像を点滅させるスクリプト
//変数の定義
//★・・・点滅のタイミングを調整するパラメーター

var d = document;		//簡略化
var onIncrease = 1;		//増減方向フラグ
var count = 0;			//カウンター初期値(0なら透明状態から)
var interval = 100;		//★透明度を切替える間隔(ミリ秒)
var step = 30;			//★透明度の切替回数
var waitTime = 30;		//★フェードインとアウトの間の待ち回数
var OnOffimg;			//on-offさせる画像(id="OnOffimg"で指定)

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

	//タイマースタート
	moveTimer();
}

//メインルーチン
function moveTimer(){

	//画像をフェードインさせる
	if(onIncrease == 1){
		
		fadeIn(OnOffimg, count);
	}
	//画像をフェードアウトさせる
	if(onIncrease == -1){
		fadeOut(OnOffimg, count);
	}

	//カウントアップとイン・アウトの切替
	count++;
	if(count == step + waitTime){
		count = 0;
		onIncrease = onIncrease * -1;
	}

	//タイマーによる繰り返し
	setTimeout("moveTimer()", interval);
}

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