var banners=[ // 530x189px
		{url:'/cxhj/new_packages/topimage/tpeaah2011wtop.jpg', href:'/chj/ja/packages/tpeairandhotel2011w/nrt'},
		{url:'/cxhj/new_packages/topimage/rugby2012_top.jpg', href:'/chj/ja/packages/rugby2012'},
		{url:'/cxhj/new_packages/topimage/winter2011top.jpg', href:'/chj/ja/packages/winter2011/nrt'},
		{url:'/cxhj/new_packages/topimage/celehongkong2011w.jpg', href:'/chj/ja/packages/celeb/hongkong2011w/nrt'},
		{url:'/cxhj/new_packages/topimage/hkgaah2011wtop.jpg', href:'/chj/ja/packages/hkgairandhotel2011w/nrt'}
	];
var tm=0;
var bans=[];
var now=0;
var interval=5000;
var start=0;
var tcnt=0;
var speed=10;

function run(){
	var dt=(new Date()).getTime();
	tcnt=dt-start;
	if(tcnt>=interval){
		var img=EI('topbanner').getElementsByTagName('img')[now];
		img.style.left=(parseInt(img.style.left)-speed)+'px';
		img=EI('topbanner').getElementsByTagName('img')[(now+1>=banners.length)?0:now+1];
		img.style.left=(parseInt(img.style.left)-speed)+'px';
		
		if(parseInt(img.style.left)<=0){
			EI('topbanner').getElementsByTagName('img')[now].style.left='530px';
			now=(now+1>=banners.length)?0:now+1;
			setBnr(now);
			setBtn(now);
			tcnt=0;
		}
	}
}

function setBnr(num){
	var imgs=EI('topbanner').getElementsByTagName('img');
	for(var i=0,im;im=imgs[i];i++)
		im.style.left='530px';
	now=num;
	start=(new Date()).getTime();
	imgs[now].style.left='0px';
}


function setBtn(num){
	var imgs=EI('clicker').getElementsByTagName('img');
	for(var i=0,im;im=imgs[i];i++)
		im.src='/cxhj/new_packages/basicimages/skeleton.gif';
	imgs[num].src='/cxhj/new_packages/basicimages/skeleton.gif';
}

function CE(tag){return document.createElement(tag);}
function EI(id){return document.getElementById(id);}

onload=function(){
	EI('topbanner').innerHTML='';
	
	for(var i=0,img;i<banners.length;i++){
		img=CE('img');
		img.src=banners[i].url;
		//img.title=banners[i].href;
		img.onclick=function(href){return function(e){location.href=href;};}(banners[i].href);
		img.style.left=(530* +!!i)+'px';

		if(i==0)
			img.style.left='0px';
		else
			img.style.left='530px';

		EI('topbanner').appendChild(img);
		img=null;
		
		img=CE('img');
		img.src='/cxhj/new_packages/basicimages/skeleton.gif';
		img.onclick=function(num){return function(e){setBtn(num);setBnr(num);};}(i);
		EI('clicker').appendChild(img);
	}
	
	start=(new Date()).getTime();
	setBtn(now);
	tm=setInterval(run, 1);
}