// ¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£
//¡¡¡¡¡¡¥®¥ã¥é¥ê¡¼
// ¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£

delay = 20;			//¥¹¥Ô¡¼¥É
LoopTime = 5000;	//·«¤êÊÖ¤·´Ö³Ö¡Ê1000¡á1ÉáË
ForCount = 40;		//°ÜÆ°»þ¤Î³ê¤é¤«¤µ
Ptags = new Array();
max_slide = new Array();
now_slide = new Array();		//¸½ºß¤Î¥¹¥é¥¤¥É
ID = new Array();
IconBox = new Array();
MoveFlag = new Array();
MainImage = new Array();
ThumImage = new Array();
NowThumbNum = 0;


function set_slide(slideID){	//¢£¢£ ÀßÄê ¢£¢£
	Ptags[slideID] = document.getElementById(slideID).getElementsByTagName("p");
	MainImage[slideID] = document.getElementById(slideID).getElementsByTagName("img");
//	IconBox[slideID] = document.getElementById(slideID).getElementsByTagName("div");
	max_slide[slideID] = Ptags[slideID].length;	//¢£<div id=slideID>Æâ¤Î¡¢²èÁüËç¿ôÀßÄê¡£
	now_slide[slideID] = 0;
	MoveFlag[slideID] = false;


	//¢£¥¹¥é¥¤¥É¤ÎÄê»þ°ÜÆ°³«»Ï¡£
	ID[slideID] = setTimeout("slide_next('" + slideID + "');",LoopTime);

	//¢£¡Ö¡ü¡×¥µ¥à¥Í¥¤¥ëÀßÃÖ
	for(i=0; i<max_slide[slideID]; i++){
		document.getElementById("thumb_all").innerHTML += "<a href=\"javascript:slide_move('" + slideID + "'," + i + ")\" id=\"icon_" + slideID + i + "\"><img src=\"" + MainImage[slideID][i].src + "\"></a>";
	}
	ThumImage = document.getElementById("thumb_all").getElementsByTagName("img");
	document.getElementById("thumb_all").innerHTML += document.getElementById("thumb_all").innerHTML;
	for(i=1; i<max_slide[slideID]; i++){
		Ptags[slideID][i].style.opacity = "0";
		Ptags[slideID][i].style.filter = "Alpha(opacity=0)";
	}
	thumbWidth = 0;
	for( i=0; i<ThumImage.length; i++){
		thumbWidth += Math.floor(ThumImage[i].width) + 4;
	}
	document.getElementById("thumb_all").style.width = (thumbWidth * 2 ) + "px";
	document.getElementById("icon_" + slideID + now_slide[slideID]).className = "on";
}


function slide_next(nextID){	//¢£¢£ ¼¡¤Ø¤Î¥¹¥é¥¤¥É ¢£¢£
	if ( now_slide[nextID] + 1 > max_slide[nextID] - 1 ){
		slide_move(nextID, 0);
	}else{
		slide_move(nextID, now_slide[nextID] + 1);
	}
}


function slide_prev(prevID){	//¢£¢£ Á°¤Ø¤Î¥¹¥é¥¤¥É ¢£¢£
	if ( now_slide[prevID] - 1 < 0 ){
		slide_move(prevID, max_slide[prevID] - 1);
	}else{
		slide_move(prevID, now_slide[prevID] - 1);
	}
}

function slide_move(MoveID,Num){	//¢£¢£ ÈÖ¹æ»ØÄꥹ¥é¥¤¥É ¢£¢£
	if( !MoveFlag[MoveID] && Num != now_slide[MoveID] ){
		MoveFlag[MoveID] = true;
		clearTimeout(ID[MoveID]);

		for(j = 0; j < ForCount; j++){
			setTimeout("Ptags['" + MoveID + "'][" + now_slide[MoveID] + "].style.opacity = '" + (1-(j+1)/ForCount) + "'", j*delay);
			setTimeout("Ptags['" + MoveID + "'][" + now_slide[MoveID] + "].style.filter = 'Alpha(opacity=" + (100-(j+1)/ForCount*100) + ")'", j*delay);
		}
/*
		if( now_slide[MoveID] != 0 ){
			setTimeout("Ptags['" + MoveID + "'][" + now_slide[MoveID] + "].style.display = 'none'", ForCount*delay);
		}
*/
		document.getElementById("icon_" + MoveID + now_slide[MoveID]).className = "";
		now_slide[MoveID] = Num;

		Ptags[MoveID][now_slide[MoveID]].style.display = "block";
		for(j = 0; j < ForCount; j++){
			setTimeout("Ptags['" + MoveID + "'][" + now_slide[MoveID] + "].style.opacity = '" + ((j+1)/ForCount) + "'", j*delay);
			setTimeout("Ptags['" + MoveID + "'][" + now_slide[MoveID] + "].style.filter = 'Alpha(opacity=" + ((j+1)/ForCount*100) + ")'", j*delay);
		}

		setTimeout("MoveFlag['" + MoveID + "'] = false;", delay*ForCount);
		document.getElementById("icon_" + MoveID + now_slide[MoveID]).className = "on";
		ID[MoveID] = setTimeout("slide_next('" + MoveID + "');",LoopTime);
		move_thumb(Num);
	}
}

function move_thumb(Num){
	NowThumb = Number(document.getElementById("thumb_all").style.left.replace("px",""));
	nextThumb = 0;
	for( i=0; i<Num; i++){
		nextThumb += Math.floor(ThumImage[i].width) + 4;
	}

	for(i=1; i<=ForCount; i++){
		setTimeout("document.getElementById('thumb_all').style.left = '" + ( NowThumb - ( NowThumb + nextThumb ) / ForCount*i) + "px';", i*delay);
	}
}

function next_thumb(){
	NowThumb = Number(document.getElementById("thumb_all").style.left.replace("px",""));
	
	for(i=1; i<=ForCount; i++){
		setTimeout("document.getElementById('thumb_all').style.left = '" + ( NowThumb - ThumImage[NowThumbNum].width / ForCount*i) + "px';", i*delay);
	}
	if( NowThumb <= -thumbWidth ){
		setTimeout("document.getElementById('thumb_all').style.left = '" + ( NowThumb - ThumImage[NowThumbNum].width + thumbWidth ) + "px';", ForCount*delay);
		NowThumbNum = 0;
	}else{
		NowThumbNum++;
	}
}
function prev_thumb(){
	NowThumb = Number(document.getElementById("thumb_all").style.left.replace("px",""));
	for(i=1; i<=ForCount; i++){
		setTimeout("document.getElementById('thumb_all').style.left = '" + ( NowThumb + ThumImage[NowThumbNum].width / ForCount*i) + "px';", i*delay);
	}
	if( NowThumb >= -95 ){
		setTimeout("document.getElementById('thumb_all').style.left = '" + ( NowThumb + ThumImage[NowThumbNum].width - thumbWidth ) + "px';", ForCount*delay);		NowThumbNum = ThumImage.length - 1;
	}else{
		NowThumbNum--;
	}
}