// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
//　　　スライドショー
//	Cycle through several images using fade transitions
// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
fadeDelay = 17;			//スピード Speed
fadeLoopTime = 5000;	//繰り返し間隔（1000＝1秒）
fadeForCount = 40;		//移動時の滑らかさ
fadePtags = new Array();
fadeImageEle = new Array();
max_fade = new Array();
now_fade = new Array();		//現在のスライド
fademoveID = new Array();
IconBox = new Array();		//Holds circles (or whatever) for selecting individual images
fadeMoveFlag = new Array();

//■■ 設定 ■■
//Set up everything. Gets called when the page loads
//--------------------------------------------------
function set_fade(fadeID)
{	fadePtags[fadeID] = document.getElementById(fadeID).getElementsByTagName("p");	//Look for individual images within P tags
	IconBox[fadeID] = document.getElementById(fadeID).getElementsByTagName("div");	//Populate the icon box for selecting individual images
	max_fade[fadeID] = fadePtags[fadeID].length;									//Counts the P tags holding images
	now_fade[fadeID] = 0;															//Current frame
	fadeMoveFlag[fadeID] = false;

//■スライドの定時移動開始。
//Start the timer
	fademoveID[fadeID] = setTimeout("fade_next('" + fadeID + "');",fadeLoopTime);

//■「●」アイコン設置（fadeID に "gallery" が含まれている場合は、画像アイコンに変更。）
//Populate the icon box with icons for however many images there are to be cycled through
	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)";
	}
	
	document.getElementById("icon_" + fadeID + now_fade[fadeID]).className = "on";
}

//■■ 次へのスライド ■■
//Go to the next image
//--------------------------------------------------
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);
	}
}

//■■ 前へのスライド ■■
//Go to the previous image
//--------------------------------------------------
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);
	}
}

//■■ 番号指定スライド ■■
//Go to 
//--------------------------------------------------
function fade_move(MoveID,Num)
{	if(!fadeMoveFlag[MoveID] && Num != now_fade[MoveID])
	{	fadeMoveFlag[MoveID] = true;
		clearTimeout(fademoveID[MoveID]);

		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.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";

		fademoveID[MoveID] = setTimeout("fade_next('" + MoveID + "');",fadeLoopTime);
	}
}