/**********************source************************/
var wimgSrc = ""; //存放圖片的路徑
var wpiconSrc = "";
var page_icon_off = "";
var page_icon_on = "";

var	wkvs = new Array();

/*
var wkvsURL = new Array();
var wkvsURLType = new Array(); //0: 
var wkvsWindowType = new Array();
*/
//var wpiconSrc = TemplatePath + TemplateFolder + "images/wheel/"; //存放圖片的路徑
/*************************************************/
var wobj; //append child to who
var objWheel=[];


var wheelTimerID;
var wheelTimerID2;
var wheelStartOrder=0;
var wheelStartOrder2=1;
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/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'] = new Image();
		objWheel[i]['kv'].src=wimgSrc+wkvs[i];
		objWheel[i]['kv'].border=0;		
		objWheel[i]['kv'].opacity=0;
		objWheel[i]['kv'].style.position='absolute';
		objWheel[i]['kv'].style.left=0+'px';
		objWheel[i]['kv'].style.top=0+'px';
		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'].style.cursor='pointer';
		
		objWheel[i]['kv'].onmouseover=function(){
			clearTimeout(wheelTimerID);
			clearTimeout(wheelTimerID2);
		}
		objWheel[i]['kv'].onmouseout=function(){
			wheelTimerID=setTimeout("wheelHide()",100);
		}
		//objWheel[i]['kv'].url=wkvsURL[i];
		//objWheel[i]['kv'].type=wkvsURLType[i];
		//objWheel[i]['kv'].windowtype=wkvsWindowType[i];
		/*
		objWheel[i]['kv'].onclick=function(){
			switch(this.windowtype)
			{
				case '_self':
					if(this.url=='')
						return;
					else
						location.href=this.url;
				break;
				case '_blank':
					if(this.url=='')
						return;
					else
						window.open(this.url);
				break;
			}
		};
		*/
		
		wobj.appendChild(objWheel[i]['kv']);
		
		if(displayPages && wkvs.length>1)
		{
			objWheel[i]['page'] = document.createElement('img');						
			objWheel[i]['page'].mouseover=wpiconSrc+page_icon_on;
			objWheel[i]['page'].mouseout=wpiconSrc+page_icon_off;	
			objWheel[i]['page'].src=wpiconSrc+page_icon_off;	
			objWheel[i]['page'].border=0;
			objWheel[i]['page'].style.marginRight=4+'px';	
			objWheel[i]['page'].style.marginTop=5+'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);
				clearTimeout(wheelTimerID2);
				
	        };
	        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;
				getStartOrder2();
		        setWheelStart();
				
		        wheelTimerID=setTimeout("wheelHide()",wheelStay);
	        };
			pages.appendChild(objWheel[i]['page']);
		}
		
	}
	setWheelStart();
	if(wkvs.length>1)
	{
	    
	    wheelTimerID=setTimeout("wheelHide()",wheelStay);	
	}
}
function getStartOrder2()
{
	if(wheelStartOrder==objWheel.length-1)
	{
		wheelStartOrder2=0;
	}
	else
	{
		wheelStartOrder2=wheelStartOrder+1;
	}
}
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 + ')';
	if(objWheel[wheelStartOrder]['page'])
	{
	    objWheel[wheelStartOrder]['page'].src=objWheel[wheelStartOrder]['page'].mouseover;	
		//alert(wheelStartOrder);
	}
	if(wkvs.length>1)
	{	
		objWheel[wheelStartOrder2]['kv'].opacity=0;	
		objWheel[wheelStartOrder2]['kv'].style.opacity = objWheel[wheelStartOrder2]['kv'].opacity/100;
		objWheel[wheelStartOrder2]['kv'].style.filter = 'alpha(opacity=' + objWheel[wheelStartOrder2]['kv'].opacity + ')';
	}
	//alert(wheelStartOrder+","+wheelStartOrder2);
}

function wheelAppearance()
{
	if(objWheel[wheelStartOrder2]['kv'].opacity<100)
	{
		wheelTimerID2=setTimeout("wheelAppearance()",100);		
	}
	else
	{
		objWheel[wheelStartOrder2]['kv'].opacity=100;	
		clearTimeout(wheelTimerID2);
	}
	objWheel[wheelStartOrder2]['kv'].opacity+=wheelAscOpacityValue;		
	objWheel[wheelStartOrder2]['kv'].style.opacity = objWheel[wheelStartOrder2]['kv'].opacity/100;
	objWheel[wheelStartOrder2]['kv'].style.filter = 'alpha(opacity=' + objWheel[wheelStartOrder2]['kv'].opacity + ')';
}
function wheelHide()
{
	if(objWheel[wheelStartOrder]['kv'].opacity>0)
	{
		objWheel[wheelStartOrder2]['kv'].style.display='';
		objWheel[wheelStartOrder2]['page'].src=objWheel[wheelStartOrder2]['page'].mouseover;
		wheelTimerID2=setTimeout("wheelAppearance()",100);
		
		wheelTimerID=setTimeout("wheelHide()",100);	
		objWheel[wheelStartOrder]['page'].src=objWheel[wheelStartOrder]['page'].mouseout;
	}
	else
	{
		objWheel[wheelStartOrder]['kv'].opacity=0;
		wheelTimerID=setTimeout("startWheel()",wheelStay);
		//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++;
	}
	getStartOrder2();	
		
	wheelTimerID=setTimeout("wheelHide()",100);	
}