/*----------------------------------------------------------

     IMAGE CHANGE SCRIPT - 2007.12.1 NOZY
     Copyright (c) Nozyscabin All Rights Reserved.

----------------------------------------------------------*/

//トップページ画像フェードイン（和之）

//▼ SETTING ///////////////////////////////////////////////

//[ElemName] 画像を囲う要素につけるIDの名前
ElemName = "imgchange";

//[Timing] 画像が切り替わるまでの時間設定です。単位はミリ秒(msec)になります。
//オススメは1000です。
Timing = 1000;

//[FTime] フェードインの時間です。単位はミリ秒(msec)になります。
//オススメは50です。
FTime = 50;

//[ImgSrc] 画像パスの設定です。""の中を編集して下さい。
ImgSrc = new Array();
ImgSrc[0] = "./images/special/header05.jpg";
ImgSrc[1] = "./images/special/header03.jpg";
ImgSrc[2] = "./images/special/wave_02.jpg";

//▼ MAIN PROGRAM //////////////////////////////////////////

Zindex = 1;
MOVEMENT = null;

Limit = ImgSrc.length;
Limit--;
CNUM = 0;
ImgAlpha = 0;
CNODE = null;
FirstTime = true;
CloneImg = new Array();

window.onload = function(){
	if(!document.getElementById(ElemName).style){
		return false;
	}else{
		loadElem();
	}
}


function loadElem(){
	ELEM = document.getElementById(ElemName);
	ELEM.style.position = "relative";
	
	imgTag = ELEM.getElementsByTagName("img");
	ImgWidth  = imgTag[0].width;
	ImgHeight = imgTag[0].height;
	imgTag[0].style.position = "absolute";
	imgTag[0].style.left = "0px";
	imgTag[0].style.top = "0px";
	imgTag[0].style.zIndex = Zindex;
	
	//CLONE IMAGE
	for(var i=0; i<ImgSrc.length; i++){
		CloneImg[i] = imgTag[0].cloneNode(true);
		CloneImg[i].setAttribute("src",ImgSrc[i]);
	}
	
	ELEM.style.width = ImgWidth + "px";
	ELEM.style.height = ImgHeight + "px";
	
	MOVEMENT = setTimeout("setClone()",Timing);
}

function setClone(){
	clearTimeout(MOVEMENT);
	if(CNUM > Limit-1){
		CNUM = 0;
	}else{
		CNUM++;
	}
	Zindex++;
	CloneImg[CNUM].style.zIndex = Zindex;
	alpha(CloneImg[CNUM],0);
	ELEM.appendChild(CloneImg[CNUM]);
	fadeControl();
}

function fadeControl(){
	if(ImgAlpha>100){
		if(FirstTime){
			ELEM.removeChild(ELEM.firstChild);
			FirstTime = false;
		}
		clearTimeout(MOVEMENT);
		MOVEMENT = setTimeout("setClone()",Timing);
		ELEM.removeChild(ELEM.firstChild);
		ImgAlpha = 0;
	}else{
		ImgAlpha++;
		alpha(CloneImg[CNUM],ImgAlpha);
		clearTimeout(MOVEMENT);
		MOVEMENT = setTimeout("fadeControl()",FTime);
	}
}

function alpha(elem,anum){
	if(document.all){
		elem.style.zoom = 1;
		elem.style.filter = "alpha(opacity="+anum*10+")";
	}
	elem.style.MozOpacity = anum/10;
	elem.style.opacity = anum/10;
}


