/**********************source************************/
var wimgSrc = "media/kv/"; //存放圖片的相對路近

var	wkvs = new Array();
var	wlinks = new Array();
var	wtargets = new Array();

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

var page_icon_off = "btn_dot_off.png";

var page_icon_on = "btn_dot_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(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=wimgSrc+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 + ')';
		if(wlinks[i]!='')
		{
			objWheel[i]['kv'].style.cursor='pointer';
			objWheel[i]['kv'].urllink=wlinks[i];
			//objWheel[i]['kv'].target=wtargets[i];
			
			if(wtargets[i]=='self')
			{
				objWheel[i]['kv'].onclick=function(){
					location.href=this.urllink;
				};
			}
			else if(wtargets[i]=='blank')
			{
				objWheel[i]['kv'].onclick=function(){
					window.open(this.urllink);
				};
			}
		}
		wobj.appendChild(objWheel[i]['kv']);
		
		if(displayPages)
		{
			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=8+'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=100;	
				
				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']);
		}
		
	}
	if(wkvs.length>0)
	{
		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);	
}

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