/**********************source************************/
var wimgSrc; //存放圖片的相對路近

var	wkvs = new Array();

var wpiconSrc = "images/index/"; //存放圖片的相對路

var page_icon_off = new Array(

	 				 	   	  "btn_kv_off.png",
						      "btn_kv_off.png",
							  "btn_kv_off.png"
							  );

var page_icon_on = new Array(

						 	  "btn_kv_on.png",
							  "btn_kv_on.png",
							  "btn_kv_on.png"
							  );
var linkurl = new Array(

						  "0",
						  "0",
						  "0"
						  );
/*************************************************/
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(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.width=691+'px';
		//objWheel[i]['kv'].style.height=459+'px';
		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 + ')';
		wobj.appendChild(objWheel[i]['kv']);
		
		if(linkurl[i]!='0')
		{
			objWheel[i]['link']=document.createElement('A');
			objWheel[i]['link'].style.display='none';
			objWheel[i]['link'].style.position='absolute';
			objWheel[i]['link'].style.left='360px';
			objWheel[i]['link'].style.top='306px';	
			objWheel[i]['link'].style.width='80px';	
			objWheel[i]['link'].style.height='22px';	
			objWheel[i]['link'].style.border='solid 1px red';	
			objWheel[i]['link'].style.zIndex=1000;
			objWheel[i]['link'].style.backgroundColor='#FFFFFF';
			objWheel[i]['link'].style.cursor='pointer';
			objWheel[i]['link'].style.opacity = 0/100;
			objWheel[i]['link'].style.filter = 'alpha(opacity=' + 0 + ')';
			objWheel[i]['link'].onclick=function(){location.href='contact.php'};
			wobj.appendChild(objWheel[i]['link']);
		}
		
		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;	
				
				if(objWheel[this.order]['link'])
					objWheel[this.order]['link'].style.display='';
				
				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;
				
				if(objWheel[this.order]['link'])
					objWheel[this.order]['link'].style.display='none';
				
				wheelStartOrder=this.order;
				setWheelStart();
				
				wheelTimerID=setTimeout("wheelAppearance(0)",wheelStay);
			};			
			pages.appendChild(objWheel[i]['page']);
		}
		
	}
	setWheelStart(wheelStartOrder);	
	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;	
	
	if(objWheel[wheelStartOrder]['link'])
		objWheel[wheelStartOrder]['link'].style.display='';
}

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;
			
			if(objWheel[i]['link'])
				objWheel[i]['link'].style.display='';
		}
		else
		{
			objWheel[i]['kv'].style.display='none';
			objWheel[i]['page'].src=objWheel[i]['page'].mouseout;
			
			if(objWheel[i]['link'])
				objWheel[i]['link'].style.display='none';
		}	
	}	
	wheelTimerID=setTimeout("wheelAppearance(1)",100);	
}

window.onload = function(){
	wobj=document.getElementById('header_kv');	
	wheelInit(1,40,140,2000,1000);
	};