// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
//　　　スライドショー
// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

fadeDelay = 25;			//スピード
fadeLoopTime = 4500;	//繰り返し間隔（1000＝1秒）
fadeForCount = 40;		//移動時の滑らかさ
fadePtags = new Array();
fadeImageEle = new Array();
max_fade = new Array();
now_fade = new Array();		//現在のスライド
fademoveID = new Array();
IconBox = new Array();
fadeMoveFlag = new Array();


function set_fade(fadeID){	//■■ 設定 ■■
	fadePtags[fadeID] = document.getElementById(fadeID).getElementsByTagName("p");
	IconBox[fadeID] = document.getElementById(fadeID).getElementsByTagName("div");
	max_fade[fadeID] = fadePtags[fadeID].length;	//■<div id=fadeID>内の、画像枚数設定。
	now_fade[fadeID] = 0;
	fadeMoveFlag[fadeID] = false;
	
	//■全スライド枠の大きさを設定。
//	document.getElementById(fadeID).style.width = (sizeW * (max_fade + 1) ) + "px";

	//■スライドの定時移動開始。
	if(fadeID != "top_gallery"){
		fademoveID[fadeID] = setTimeout("fade_next('" + fadeID + "');",fadeLoopTime);
	}

	//■「●」アイコン設置（fadeID に "gallery" が含まれている場合は、画像アイコンに変更。）
	for(i=0; i<max_fade[fadeID]; i++){
		IconBox[fadeID][0].innerHTML += "<a href=\"javascript:fade_move('" + fadeID + "'," + i + ")\" id=\"icon_" + fadeID + i + "\">&nbsp;</a>";
	}
	for(i=1; i<max_fade[fadeID]; i++){
		fadePtags[fadeID][i].style.opacity = "0";
		fadePtags[fadeID][i].style.filter = "Alpha(opacity=0)";
		fadePtags[fadeID][i].style.zIndex = "0";
	}
	document.getElementById("icon_" + fadeID + now_fade[fadeID]).className = "on";
}


function fade_next(nextID){	//■■ 次へのスライド ■■
	if ( now_fade[nextID] + 1 > max_fade[nextID] - 1 ){
		fade_move(nextID, 0);
	}else{
		fade_move(nextID, now_fade[nextID] + 1);
	}
}


function fade_prev(prevID){	//■■ 前へのスライド ■■
	if ( now_fade[prevID] - 1 < 0 ){
		fade_move(prevID, max_fade[prevID] - 1);
	}else{
		fade_move(prevID, now_fade[prevID] - 1);
	}
}

function fade_move(MoveID,Num){	//■■ 番号指定スライド ■■
	if( !fadeMoveFlag[MoveID] && Num != now_fade[MoveID] ){
		fadeMoveFlag[MoveID] = true;
		clearTimeout(fademoveID[MoveID]);
		fadePtags[MoveID][now_fade[MoveID]].style.zIndex = "0";

		for(j = 0; j < fadeForCount; j++){
			setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.opacity = '" + (1-(j+1)/fadeForCount) + "'", j*fadeDelay);
			setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.filter = 'Alpha(opacity=" + (100-(j+1)/fadeForCount*100) + ")'", j*fadeDelay);
		}
		if( now_fade[MoveID] != 0 ){
			setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.display = 'none'", fadeForCount*fadeDelay);
		}

		document.getElementById("icon_" + MoveID + now_fade[MoveID]).className = "";
		now_fade[MoveID] = Num;
		fadePtags[MoveID][now_fade[MoveID]].style.zIndex = "1";

		fadePtags[MoveID][now_fade[MoveID]].style.display = "block";
		for(j = 0; j < fadeForCount; j++){
			setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.opacity = '" + ((j+1)/fadeForCount) + "'", j*fadeDelay);
			setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.filter = 'Alpha(opacity=" + ((j+1)/fadeForCount*100) + ")'", j*fadeDelay);
		}

		setTimeout("fadeMoveFlag['" + MoveID + "'] = false;", fadeDelay*fadeForCount);
		document.getElementById("icon_" + MoveID + now_fade[MoveID]).className = "on";
		
		if(MoveID != "top_gallery"){
			fademoveID[MoveID] = setTimeout("fade_next('" + MoveID + "');",fadeLoopTime);
		}
	}
}