/**********************source************************/
//var wimgSrc; //存放圖片的路徑

//var	wkvs = new Array();
/*
var wpiconSrc = TemplatePath + TemplateFolder + "images/wheel/"; //存放圖片的路徑

var page_icon_off = new Array(
							  "btn_1_off.png",
						 	  "btn_2_off.png",
							  "btn_3_off.png"
							  );

var page_icon_on = new Array(
							  "btn_1_on.png",
						 	  "btn_2_on.png",
							  "btn_3_on.png"
							  );
*/
/*************************************************/
//var wobj; //append child to who
/*
var objWheel=[];


var wheelTimerID;
var wheelStartOrder=0;
var wheelAscOpacityValue;
var wheelStay;
*/
/*
dpPages(bool) is display pages?
x(int) display pages block x axis
y(int) display pages block y axis
stay(int) how many mini second for stay
effect(int)	how many mini second for change effect
*/
function wheelInit(displayPages,x,y,stay,effect)
{
    wheelStay=stay;
	wheelAscOpacityValue=100/(effect/2/100);	
	
	if( wkvs.length == 0 )
	    return;
	    
	if(displayPages)
	{	
		var pages = document.createElement('div');
		pages.setAttribute('id','w_pages');
		pages.style.position='absolute';
		pages.style.left=x+'px';
		pages.style.top=y+'px';	
		pages.style.zIndex=1000;	
		wobj.appendChild(pages);
	}
	
	for(var i=0;i<wkvs.length;i++)
	{
		objWheel[i]=new Object();
		objWheel[i]['kv'] = document.createElement('img');
		objWheel[i]['kv'].src = wkvs[i];
		objWheel[i]['kv'].border = 0;
		objWheel[i]['kv'].opacity = 0;
		//objWheel[i]['kv'].style.position='absolute';
		objWheel[i]['kv'].style.zIndex = 100;
		objWheel[i]['kv'].style.display = 'none';
		objWheel[i]['kv'].style.opacity = objWheel[i]['kv'].opacity/100;
		objWheel[i]['kv'].style.filter = 'alpha(opacity=' + objWheel[i]['kv'].opacity + ')';		
		//objWheel[i]['kv'].onload = function(){ ImageResize( objWheel[i]['kv'] , 500 , 400 ); };
		//objWheel[i]['kv'].setAttribute( "onLoad" , "ImageResize( this , 500 , 400 )" );
		wobj.appendChild(objWheel[i]['kv']);
		//alert(objWheel[i]['kv'].src);
		
		if(displayPages)
		{
			objWheel[i]['page'] = document.createElement('img');			
			objWheel[i]['page'].mouseover=wpiconSrc+page_icon_on[i];
			objWheel[i]['page'].mouseout=wpiconSrc+page_icon_off[i];	
			objWheel[i]['page'].src=wpiconSrc+page_icon_off[i];	
			objWheel[i]['page'].border=0;
			objWheel[i]['page'].style.marginRight=4+'px';	
			objWheel[i]['page'].style.cursor='pointer';
			objWheel[i]['page'].order=i;
			objWheel[i]['page'].onmouseover=function(){
				this.src=this.mouseover;
				
				for(var j=0;j<wkvs.length;j++)
				{
					if(j!=this.order)
					{
						objWheel[j]['page'].src=objWheel[j]['page'].mouseout;
						objWheel[j]['kv'].opacity=0;
						objWheel[j]['kv'].style.opacity = objWheel[j]['kv'].opacity/100;
						objWheel[j]['kv'].style.filter = 'alpha(opacity=' + objWheel[j]['kv'].opacity + ')';
						objWheel[j]['kv'].style.display='none';
						objWheel[j]['kv'].style.zIndex=100;
					}
				}	
				objWheel[this.order]['kv'].opacity=100;
				objWheel[this.order]['kv'].style.opacity = objWheel[this.order]['kv'].opacity/100;
				objWheel[this.order]['kv'].style.filter = 'alpha(opacity=' + objWheel[this.order]['kv'].opacity + ')';
				objWheel[this.order]['kv'].style.display='';
				objWheel[this.order]['kv'].style.zIndex=500;	
				
				clearTimeout(wheelTimerID);
				
			};
			objWheel[i]['page'].onmouseout=function(){
				this.src=this.mouseout;
				
				objWheel[this.order]['kv'].opacity=0;
				objWheel[this.order]['kv'].style.opacity = objWheel[this.order]['kv'].opacity/100;
				objWheel[this.order]['kv'].style.filter = 'alpha(opacity=' + objWheel[this.order]['kv'].opacity + ')';
				objWheel[this.order]['kv'].style.display='none';
				objWheel[this.order]['kv'].style.zIndex=100;
				wheelStartOrder=this.order;
				setWheelStart();
				
				wheelTimerID=setTimeout("wheelAppearance(0)",wheelStay);
			};			
			pages.appendChild(objWheel[i]['page']);
		}
		
	}
	setWheelStart(wheelStartOrder);	
	if(wkvs.length>1)
    {   
	    wheelTimerID=setTimeout("wheelAppearance(0)",wheelStay);	
	}	
}

function setWheelStart()
{
	//set appear	
	objWheel[wheelStartOrder]['kv'].style.display='';
	objWheel[wheelStartOrder]['kv'].opacity=100;	
	objWheel[wheelStartOrder]['kv'].style.opacity = objWheel[wheelStartOrder]['kv'].opacity/100;
	objWheel[wheelStartOrder]['kv'].style.filter = 'alpha(opacity=' + objWheel[wheelStartOrder]['kv'].opacity + ')';
	//objWheel[wheelStartOrder]['page'].src=objWheel[wheelStartOrder]['page'].mouseover;	
}

function wheelAppearance(action)
{
	
	if(action)
	{
		if(objWheel[wheelStartOrder]['kv'].opacity<100)
		{
			wheelTimerID=setTimeout("wheelAppearance(1)",100);	
		}
		else
		{
			objWheel[wheelStartOrder]['kv'].opacity=100;
			wheelTimerID=setTimeout("wheelAppearance(0)",wheelStay);
		}
		objWheel[wheelStartOrder]['kv'].opacity+=wheelAscOpacityValue;		
		objWheel[wheelStartOrder]['kv'].style.opacity = objWheel[wheelStartOrder]['kv'].opacity/100;
		objWheel[wheelStartOrder]['kv'].style.filter = 'alpha(opacity=' + objWheel[wheelStartOrder]['kv'].opacity + ')';
	}
	else
	{
		if(objWheel[wheelStartOrder]['kv'].opacity>0)
		{
			wheelTimerID=setTimeout("wheelAppearance(0)",100);	
		}
		else
		{
			objWheel[wheelStartOrder]['kv'].opacity=0;
			startWheel();			
		}
		objWheel[wheelStartOrder]['kv'].opacity-=wheelAscOpacityValue;
		objWheel[wheelStartOrder]['kv'].style.opacity = objWheel[wheelStartOrder]['kv'].opacity/100;
		objWheel[wheelStartOrder]['kv'].style.filter = 'alpha(opacity=' + objWheel[wheelStartOrder]['kv'].opacity + ')';	
	}
}

function startWheel()
{
	if(wheelStartOrder==objWheel.length-1)
	{
		wheelStartOrder=0;
	}
	else
	{
		wheelStartOrder++;
	}
		
	for(var i=0;i<objWheel.length;i++)
	{
		if(i==wheelStartOrder)
		{
			objWheel[i]['kv'].style.display='';
			//objWheel[i]['page'].src=objWheel[i]['page'].mouseover;
		}
		else
		{
			objWheel[i]['kv'].style.display='none';
			//objWheel[i]['page'].src=objWheel[i]['page'].mouseout;
		}	
	}	
	wheelTimerID=setTimeout("wheelAppearance(1)",100);	
}