window.currentbanner=1;
window.onload=function(){
	$("#banner div span").mouseover(function() {
		if (ad2)clearInterval(ad2)
		$("#banner div span").css({background:'url(templates/default/kuang.jpg) no-repeat center bottom'});
		$(this).css({background:'url(templates/default/kuang.jpg) no-repeat center top'});
		ChangePic(document.getElementById('banner'+currentbanner),document.getElementById('banner'+$(this).html()));
		currentbanner=$(this).html();
	});
	$("#banner div span").mouseout(function() {
		ad2 = setInterval("ChangeBanner()",3000);
	});
	var ad2 = setInterval("ChangeBanner()",3000);
}
function ChangeBanner(){
	$("#banner div span").css({background:'url(templates/default/kuang.jpg) no-repeat center bottom'});
	$("#banner div span").eq(currentbanner==3?0:currentbanner).css({background:'url(templates/default/kuang.jpg) no-repeat center top'});
	ChangePic(document.getElementById('banner'+currentbanner),document.getElementById('banner'+(currentbanner%3+1)));
	currentbanner=currentbanner%3+1;
}

function ChangePic(obj,obj2){
	//alert(currentbanner);
	this.setOpacity = function(opacity){
		if(opacity>=1)opacity=opacity/100;
		try{ obj.style.opacity=opacity;obj2.style.opacity=1-opacity; }catch(e){}
		try{
			if(obj.filters.length>0&&obj.filters("alpha")){
				obj.filters("alpha").opacity=opacity*100;
				obj2.filters("alpha").opacity=100-opacity*100;
			}else{
				obj.style.filter="alpha(opacity=\""+(opacity*100)+"\")";
				obj2.style.filter="alpha(opacity=\""+(100-opacity*100)+"\")";
			}
		}catch(e){}
	}
	var c = 100;
	this.doAlpha = function(){
		c=c-2;
		if (c < -0){clearInterval(ad);return 0;c=0}
		setOpacity(c);
	}
	var ad = setInterval("doAlpha()",1);
}