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

var	wkvs = new Array();
//kv 圖片檔名

var	wlinks = new Array();
/*
EX:
本站內部連結
link.html

外部連結
http://www.google.com.tw
*/
var	wtargets = new Array();
/*
原視窗開啟
self

開新視窗
blank
*/
var	wsmallSrc="images/";
//存放小圖片的相對路近
var	wsmallimg = new Array();
//小圖片檔名
var	wtext = new Array();
//小圖片文字
/*************************************************/
var wobj; //append child to who
var objWheel=[];


var wheelTimerID;
var wheelStartOrder=0;
var wheelAscOpacityValue;
var wheelStay;

/*
stay(int) how many mini second for stay
effect(int)	how many mini second for change effect
*/
function wheelInit(stay,effect)
{
	wheelStay=stay;
	wheelAscOpacityValue=100/(effect/2/100);
		
	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.top='0px';
		objWheel[i]['kv'].style.left='0px';
		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];
		
			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']);
	}	
	
	var pages = document.createElement('div');
	pages.style.position='absolute';
	pages.style.right='50px';
	pages.style.top='10px';	
	pages.style.width='250px';	
	pages.style.zIndex=1000;	
	wobj.appendChild(pages);
		
	for(var i=0;i<wsmallimg.length;i++)
	{
		objWheel[i]['page'] = document.createElement('div');
		objWheel[i]['page'].style.position='relative';
		objWheel[i]['page'].style.textAlign='right';
		objWheel[i]['page'].style.paddingBottom='10px';
		objWheel[i]['page'].order=i;
		
		objWheel[i]['page_img_frame'] = document.createElement('div');
		objWheel[i]['page_img_frame'].style.width='87px';
		objWheel[i]['page_img_frame'].style.height='60px';
		objWheel[i]['page_img_frame'].style.marginLeft='163px';
		
		objWheel[i]['page'].appendChild(objWheel[i]['page_img_frame']);
		
		objWheel[i]['page_img'] = document.createElement('img');
		objWheel[i]['page_img'].src=wsmallSrc+wsmallimg[i];
		objWheel[i]['page_img'].border=0;
		objWheel[i]['page_img'].style.border='solid 1px #FFF';
		objWheel[i]['page_img'].style.margin='4px';
		objWheel[i]['page_img'].style.cursor='pointer';
		
		objWheel[i]['page_img_frame'].appendChild(objWheel[i]['page_img']);
		
		objWheel[i]['page_text_frame'] = document.createElement('div');
		objWheel[i]['page_text_frame'].style.fontSize='11px';
		objWheel[i]['page_text_frame'].innerHTML=wtext[i];
		
		objWheel[i]['page'].appendChild(objWheel[i]['page_text_frame']);
		
		pages.appendChild(objWheel[i]['page']);
		
		objWheel[i]['page'].onmouseover=function(){
			objWheel[this.order]['page_img_frame'].style.backgroundColor='#518892';
			objWheel[this.order]['page_text_frame'].style.color='#FFF';
						
			for(var j=0;j<wkvs.length;j++)
			{
				if(j!=this.order)
				{
					objWheel[j]['page_img_frame'].style.backgroundColor='';
					objWheel[j]['page_text_frame'].style.color='';
					
					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(){
			objWheel[this.order]['page_img_frame'].style.backgroundColor='';
			objWheel[this.order]['page_text_frame'].style.color='';
			
			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);
		};	
	}		
	
	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_img_frame'].style.backgroundColor='#518892';
	objWheel[wheelStartOrder]['page_text_frame'].style.color='#FFF';
}

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_img_frame'].style.backgroundColor='#518892';
			objWheel[i]['page_text_frame'].style.color='#FFF';
		}
		else
		{
			objWheel[i]['kv'].style.display='none';
			
			objWheel[i]['page_img_frame'].style.backgroundColor='';
			objWheel[i]['page_text_frame'].style.color='';
		}	
	}	
	wheelTimerID=setTimeout("wheelAppearance(1)",100);	
}

window.onload = function(){
	wobj=document.getElementById('kv');	
	wheelInit(2000,1000);
	};