window.onload=function(){bannerInit();}

var num = cur = 0;
var target = targetA = imgs = hrefs = t = null;
function bannerInit(){
	target = $("banner-img");
	targetA = $("banner-a");
	imgs = $("banner-list").getElementsByTagName("img");
	num = imgs.length;
	imgs[0].className='on';
	for(var i=0; i<num; i++){
		imgs[i].style.cursor='pointer';
		imgs[i].onclick=function(){ShowImgBySrc(this.src)};
	}
	ShowImg();
}
function PlayNext(){cur++; t = setTimeout(function(){ShowImg()}, 5000);}
function ShowImgBySrc(src){
	for(var i=0; i<num; i++){
		if(imgs[i].src==src){
			cur=i;
			ShowImg();
			return;
		}
	}
}
function ShowImg(){
	clearTimeout(t);
	if(cur>=num){cur=0};
	for(var i=0; i<num; i++){
		if(cur==i){
			imgs[i].className='on';
			try{target.style.filter='progid:DXImageTransform.Microsoft.revealTrans(transition='+parseInt(Math.random()*23)+')'; target.filters(0).apply()}catch(e){};
			target.src=imgs[i].src;
			try{target.filters(0).play()}catch(e){};
			targetA.href=hrefs[i]==''?'javascript:void(0)':hrefs[i];
		}else{
			imgs[i].className='';
		}
	}
	PlayNext();
}