//圖片位置
var ImageSet = new Array();

//link位置
var LinkSet = new Array(); 

//目前圖片編號
var curimageindex = new Array();			
var slideshow_width=300 ;//SET IMAGE WIDTH
var slideshow_height=75; //SET IMAGE HEIGHT
var pause=8000; //設定圖片停留速度(1000=1 seconds)
var speed=25;  //設定漸層速度 (1000=1 seconds)

var curpos=10;
var degree=10;
var curcanvas="canvas0";

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
													
function rotateimage(arrImage, arrLink)
{
	if (ie4||dom)
	{
		curpos=10;
		nextcanvas = (curcanvas=="canvas0") ? "canvas1" : "canvas0";				
		
		for(var i = 0; i < TotalSet; i ++){
			var crossobj=ie4? eval("document.all."+curcanvas + "_" + i) : document.getElementById(curcanvas + "_" + i);
			if (LinkSet[i][curimageindex[i]].length > 0){
				crossobj.innerHTML='<a href="'+ LinkSet[i][curimageindex[i]] +'" target="_blank"><img style="border-style: none;" src="'+ImageSet[i][curimageindex[i]]+'"></a>';
			}
			else
			{
				crossobj.innerHTML='<img style="border-style: none;" src="'+ImageSet[i][curimageindex[i]]+'">';
			}
			
			if (crossobj.filters)
				crossobj.filters.alpha.opacity=curpos;
			else if (crossobj.style.MozOpacity)
				crossobj.style.MozOpacity=curpos/100;
				
			crossobj.style.display="block";
			
			
			//設定 zindex ，以確定 click 不會誤動作
			crossobj.style.zIndex = 2;
			
			var nextImage = ie4? eval("document.all." + nextcanvas + "_" + i) : document.getElementById(nextcanvas + "_" + i);
			crossobj.style.zIndex = 1;
		}				
		
		dropslide = setInterval("fadepic()", speed);
	}
	else {
		for(var i = 0; i < TotalSet; i ++){
			var evalstr = "document.images.defaultslide_" + i + ".src=ImageSet[i][curimageindex[i]]" ;
			eval( evalstr ) ;
		}
	}
		
	for(var i = 0; i < TotalSet; i ++){
		curimageindex[i] = (curimageindex[i] < ImageSet[i].length-1)? curimageindex[i] + 1 : 0;
	}
}

function fadepic()
{
	nextcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0";

	if (curpos < 100)
	{				
		curpos+=2;
		for(var i = 0; i < TotalSet; i ++){
			var tempobj=ie4? eval("document.all." + curcanvas + "_" + i) : document.getElementById(curcanvas + "_" + i);
			var nextObj=ie4? eval("document.all." + nextcanvas + "_" + i) : document.getElementById(nextcanvas + "_" + i);
			if (tempobj.filters){
				tempobj.filters.alpha.opacity=curpos;
				nextObj.filters.alpha.opacity=100 - curpos;
			}
			else if (tempobj.style.MozOpacity){
				tempobj.style.MozOpacity=curpos/100;
				nextObj.style.MozOpacity=(100 - curpos)/100;
			}
		}
	}
	else
	{
		clearInterval(dropslide);
		
		//先準備下一張圖，以防網路 Delay					
		for(var i = 0; i < TotalSet; i ++){
			var tempobj=ie4? eval("document.all."+nextcanvas + "_" + i) : document.getElementById(nextcanvas + "_" + i);
			tempobj.style.display = "none";
			
			var nextimageindex = (curimageindex[i] < ImageSet[i].length-1)? curimageindex[i] + 1 : 0;
			
			if (LinkSet[i][nextimageindex].length > 0){
				tempobj.innerHTML= '<a href="'+ LinkSet[i][nextimageindex] +'" target="_blank"><img style="border-style: none;" src="'+ImageSet[i][nextimageindex]+'"></a>';
			}
			else
			{
				tempobj.innerHTML='<img style="border-style: none;" src="'+ImageSet[i][nextimageindex]+'">';
			}
			
		}
		
		curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0";
							
		setTimeout("rotateimage()",pause);
	}
}