// MoveLayer()
	restoreLocationX=new Array;
	restoreLocationY=new Array;
	layerStatus=new Array;
	
	var	targetLayerID;
	var	srcX,srcY,dstX,dstY;
	var	isMoving;
	var	tickToMove;
	var	currentTick;
	var timerID;
	
	function MoveLayer(layerID,moveFromX,moveFromY,x,y,msec)
	{
		if(isMoving)
			return;
		if( layerStatus[layerID] == "moved" )
		{
			var s=GetLayerStyle(layerID);
			moveFromX=parseInt( s.left , 10 );
			moveFromY=parseInt( s.top , 10 );
			MoveLayerTo(layerID,moveFromX,moveFromY,restoreLocationX[layerID],restoreLocationY[layerID],msec);
			layerStatus[layerID]="";
		}
		else
		{
			MoveLayerTo(layerID,moveFromX,moveFromY,x,y,msec);
			layerStatus[layerID]="moved";
		}
	}

	function MoveLayerTo(layerID,moveFromX,moveFromY,x,y,msec) {
		var s=GetLayerStyle(layerID);
		var timeSlice=50;	//20fps
		targetLayerID=layerID;
		isMoving=true;
		tickToMove=Math.ceil( msec/timeSlice );
		
		// avoid sucky macIE element text bug.
//		s.visibility="visible";
		if(msec%timeSlice)
			tickToMove++;
		currentTick=0;
			
//		srcX=parseInt( s.left , 10 );
//		srcY=parseInt( s.top , 10 );
		srcX=moveFromX;
		srcY=moveFromY;
		
		restoreLocationX[layerID]=srcX;
		restoreLocationY[layerID]=srcY;
		
		dstX=( isNaN(x) )?srcX:x;
		dstY=( isNaN(y) )?srcY:y;
		
//		timerID=setInterval('LocateLayerLinear()',timeSlice);
		timerID=setInterval('LocateLayerAccelerated(0.2)',timeSlice);
	}
	
	function LocateLayerAccelerated(alpha)
	{
		var s=GetLayerStyle(targetLayerID);
		if(currentTick++>=tickToMove)
		{
			isMoving=false;
			clearInterval(timerID);
			if( layerStatus[targetLayerID] != "moved" )
				s.visibility="hidden";
		}
		else
		{
			// sin curve.
			t= Math.PI * (currentTick/tickToMove) ;
			if( Math.cos(t) > 0 )
				s.left=(srcX-dstX)/2 * Math.pow( Math.cos(t) ,alpha ) + (srcX+dstX)/2;
			else
				s.left=(srcX-dstX)/2 * ( - ( Math.pow( - (Math.cos(t)) ,alpha ) ) ) + (srcX+dstX)/2;
			if( Math.cos(t) > 0 )
				s.top=(srcY-dstY)/2 * Math.pow( Math.cos(t) ,alpha ) + (srcY+dstY)/2;
			else
				s.top=(srcY-dstY)/2 * ( - ( Math.pow( - (Math.cos(t)) ,alpha ) ) ) + (srcY+dstY)/2;
			s.visibility="visible";
		}
	}

	function GetLayerStyle(layerID)
	{
		var app=navigator.appVersion;
		var s;
		if( app.search( "(MS)?IE" ) > -1 )
		{
			if( document.all )	// ie4 or later.
				s=document.all[layerID].style;
			else
				; // IE3.0 or older.
		}
		// it will be Netscape.
		else if(navigator.appVersion.charAt(0)  <= "4" )
			s=document.layers[targetLayerID];
		else
		{
			var d=document.getElementsByTagName("div");
			s=d[layerID].style;
		}
		return s;
	}
	
// MoveLayer() ends.
//ここから上のScriptはいじらないようにしてください。







//画像スライド用script
//InternetExplorerとNetscapNavigator4.7、NetscapNavigator6それぞれのscriptがあります。
//画像に動きを加える場合や、画像の数を減らしたときなどはそれぞれのscriptを変更してください。画像をひとつ増やすだけでもかなりめんどくさいので注意してください。
//またこのscriptを使用するときはできれば画像は３枚以上が望ましいです。２枚だけだとscriptを変更しなくてはなりません。


//現在表示する画像の番号になります。最初に１枚目の画像が表示されているので、Idx = 1としています。
var Idx = 1;

//onLoadで最初に起動するfunctionです。このときブラウザを判別し、その後、各ブラウザ用functionへ振り分けます。
function Counter(){

		//ブラウザ名及びバージョンの取得
		var app=navigator.appVersion;
		
		//InternetExplorerの場合、ページの読み込みと同時に1番目に表示する画像（レイヤー）を動かし（「MoveLayer」functionを実行）、その５秒後に「ChangeImageIE」functionを実行します。
		if( app.search( "(MS)?IE" ) > -1 ){
				MoveLayer('info1',-338,62,12,62,500);
				//MoveLayerに送る各引数の意味はそれぞれ、（'動かしたいレイヤー名',始点のＸ座標,始点のＹ座標,終点のＸ座標,終点のＹ座標,終点までの時間）です。
				//レイヤー名は変数でない限りかならず「''」で挟んでください。
				
				setTimeout('ChangeImageIE()',10000);
		}
		
		//NetscapNavigator4.7の場合、ページの読み込みと同時に1番目に表示する画像（レイヤー）を動かし（「MoveLayer」functionを実行）、その５秒後に「ChangeImageNN」functionを実行します。
		else if(navigator.appVersion.charAt(0)  <= "4" ){
				MoveLayer('info1',-338,62,12,62,500);
				setTimeout('ChangeImageNN()',10000);
		}
		
		//NetscapNavigator6の場合、ページの読み込みと同時に「ChangeImageNN6」functionを実行します。
		else if(navigator.appVersion.charAt(0)  < "6" ){
				ChangeImageNN6();
		}
}



//ここからのscripは少し細かい動きをしていますので注意してください。

//InternetExplorerの場合
function ChangeImageIE() {
		
		if (Idx == 1){
				//onLoadの時点ですでに１枚目の画像を表示しているので、２枚目の画像を表示します。
				MoveLayer('info2',-338,62,12,62,500);
				
				//インデックス(Idx)に＋１します。
				Idx = Idx + 1;
				
				//５秒後に再度「ChangeImageIE」functionを実行します。
				setTimeout('ChangeImageIE()',5000);
				
		}else if (Idx == 2){
				
				//２枚目の画像の下に隠れてしまった１枚目の画像を見えない状態にします。「layerStatus」を空にし、「visibility="hidden"」で隠します。
				layerStatus['info1']="";
				info1.style.visibility="hidden";
				
				//この時点ではまだ必要ないのですが、それぞれの画像の「zindex」(レイヤーの重ね順)を変更します。デフォルトで「home.html」上は１枚目のzindexが１、２枚目のzindexが２というようになっています。
				info1.style.zIndex = 1;
				info2.style.zIndex = 2;
				info3.style.zIndex = 3;
				info4.style.zIndex = 4;
				
				//３枚目の画像を表示します。
				MoveLayer('info3',-338,62,12,62,500);
				
				//インデックス(Idx)に＋１します。
				Idx = Idx + 1;
				
				//５秒後に再度「ChangeImageIE」functionを実行します。
				setTimeout('ChangeImageIE()',5000);
				
		}else if (Idx == 3){
				
				//３枚目の画像の下に隠れてしまった２枚目の画像を見えない状態にします。「layerStatus」を空にし、「visibility="hidden"」で隠します。
				layerStatus['info2']="";
				info2.style.visibility="hidden";
				
				//それぞれの画像の「zindex」(レイヤーの重ね順)を変更します。既に隠してある１枚目の画像を一番上にします。
				info1.style.zIndex = 4;
				info2.style.zIndex = 1;
				info3.style.zIndex = 2;
				info4.style.zIndex = 3;
				
				//４枚目の画像を表示します。
				MoveLayer('info4',-338,62,12,62,500);
				
				//インデックス(Idx)に＋１します。
				Idx = Idx + 1;
				
				//５秒後に再度「ChangeImageIE」functionを実行します。
				setTimeout('ChangeImageIE()',5000);
				
		}else if (Idx == 4){
				
				//４枚目の画像の下に隠れてしまった３枚目の画像を見えない状態にします。「layerStatus」を空にし、「visibility="hidden"」で隠します。
				layerStatus['info3']="";
				info3.style.visibility="hidden";
				
				//それぞれの画像の「zindex」(レイヤーの重ね順)を変更します。既に隠してある３枚目の画像を一番上にします。
				info1.style.zIndex = 3;
				info2.style.zIndex = 4;
				info3.style.zIndex = 1;
				info4.style.zIndex = 2;
				
				//z枚目の画像を表示します。
				MoveLayer('info1',-338,62,12,62,500);
				
				//インデックス(Idx)に＋１します。
				Idx = Idx + 1;
				
				//５秒後に再度「ChangeImageIE」functionを実行します。
				setTimeout('ChangeImageIE()',5000);
				
		}else if (Idx == 5){
				
				//１枚目の画像の下に隠れてしまった４枚目の画像を見えない状態にします。「layerStatus」を空にし、「visibility="hidden"」で隠します。
				layerStatus['info4']="";
				info4.style.visibility="hidden";
				
				//それぞれの画像の「zindex」(レイヤーの重ね順)を変更します。既に隠してある４枚目の画像を一番上にします。
				info1.style.zIndex = 2;
				info2.style.zIndex = 3;
				info3.style.zIndex = 4;
				info4.style.zIndex = 1;
				
				//２枚目の画像を表示します。レイヤーの重ね順が変更されているので、４枚目のレイヤーよりも１枚目のレイヤーが上に表示されます。
				MoveLayer('info2',-338,62,12,62,500);
				
				//インデックス(Idx)を２にします。※ここからループ処理となります。
				Idx = 2;
				
				//５秒後に再度「ChangeImageIE」functionを実行します。
				setTimeout('ChangeImageIE()',5000);
		
		}
}

//※注意　表示する画像(レイヤー)の数を変更する際には、必ず表示させる画像（レイヤー）の数＋１の条件文を記述してください。上にも書いてありますが、最後の条件分で、１枚目の画像を隠す処理を行わないと動作がおかしくなってしまうからです。
//※注意　画像数を増やすと同時にレイヤーのzindexの数も対応させてふやしてください。




//NetscapeNavigator4.7の場合
function ChangeImageNN() {
		
		//IntarnetExploreとレイヤープロパティの扱い方が異なるため以下の処理を行います。
		info_style1 = GetLayerStyle('info1');
		info_style2 = GetLayerStyle('info2');
		info_style3 = GetLayerStyle('info3');
		info_style4 = GetLayerStyle('info4');

		if (Idx == 1){
				
				//InternetExploreと異なり、NetscapNavigator4.7では最初に現在表示されている画像を隠してから次の画像を表示する処理を実行します。
				//画像を隠しておかないと正常に動かないので注意してください。
				//以下の処理はInternetExplorerと同じものです。変更がある場合にはこちらのscriptも対応させて変更してください。
				layerStatus['info1']="";
				info_style1.visibility="hidden";
				
				MoveLayer('info2',-338,62,12,62,500);
				Idx = Idx + 1;
				setTimeout('ChangeImageNN()',5000);
		}else if (Idx == 2){
				layerStatus['info1']="";
				info_style1.visibility="hidden";
				
				info_style1.zIndex = 1;
				info_style2.zIndex = 2;
				info_style3.zIndex = 3;
				info_style4.zIndex = 4;
				
				MoveLayer('info3',-338,62,12,62,500);
				
				Idx = Idx + 1;
				setTimeout('ChangeImageNN()',5000);
		}else if (Idx == 3){
				layerStatus['info2']="";
				info_style2.visibility="hidden";
				
				info_style1.zIndex = 4;
				info_style2.zIndex = 1;
				info_style3.zIndex = 2;
				info_style4.zIndex = 3;
				
				MoveLayer('info4',-338,62,12,62,500);

				Idx = Idx + 1;
				setTimeout('ChangeImageNN()',5000);
		}else if (Idx == 4){
				layerStatus['info3']="";
				info_style3.visibility="hidden";
				
				info_style1.zIndex = 3;
				info_style2.zIndex = 4;
				info_style3.zIndex = 1;
				info_style4.zIndex = 2;
				
				MoveLayer('info1',-338,62,12,62,500);

				Idx = Idx + 1;
				setTimeout('ChangeImageNN()',5000);
		}else if (Idx == 5){
				layerStatus['info4']="";
				info_style4.visibility="hidden";
				
				info_style1.zIndex = 2;
				info_style2.zIndex = 3;
				info_style3.zIndex = 4;
				info_style4.zIndex = 1;
				
				MoveLayer('info2',-338,62,12,62,500);

				Idx = 2;
				setTimeout('ChangeImageNN()',5000);
		}
}



//NetscapeNavigator4.7の場合
function ChangeImageNN6() {
		
		//IntarnetExploreとレイヤープロパティの扱い方が異なるため以下の処理を行います。
		info_style1 = GetLayerStyle('info1');
		
		//レイヤー１を見えるようにします。
		info_style1.visibility="visible";
		
		
		//NetscapeNavigator6では、動かすと画面が乱れてしまうので、時間ごとに画像差し替え処理を行っています。
		//記述の仕方はmauseoverで画像を変更するものと同じです。
		if (Idx == 1){
				MM_swapImage('main_image','','img/info_image01.jpg',1);
				Idx = Idx + 1;
				setTimeout('ChangeImageNN6()',5000);
		}else if (Idx == 2){
				MM_swapImage('main_image','','img/info_image03.jpg',1);
				Idx = Idx + 1;
				setTimeout('ChangeImageNN6()',5000);
		}else if (Idx == 3){
				MM_swapImage('main_image','','img/info_image04a.jpg',1);
				Idx = Idx + 1;
				setTimeout('ChangeImageNN6()',5000);
		}else if (Idx == 4){
				MM_swapImage('main_image','','img/info_image04b.jpg',1);
				Idx = 1;
				setTimeout('ChangeImageNN6()',5000);
		}
}