(function(){
	var oDiv=document.getElementById('banner');
	var aH2Btn=oDiv.getElementsByTagName('ol')[0].getElementsByTagName('h2');
	var aDivBg=oDiv.getElementsByTagName('ol')[0].getElementsByTagName('div');
	var aImg=oDiv.getElementsByTagName('ul')[0].getElementsByTagName('li');
	var i=0;
	var iNowIndex=0;
	var autoPlayTimer=0;
	
	oDiv.style.display='block';
	
	function gotoImg(index)
	{
		for(i=0;i<aH2Btn.length;i++)
		{
			aH2Btn[i].id='';
			aImg[i].style.display='block';
			startMove(aDivBg[i], i==index?100:0);
			startMove(aImg[i], i==index?100:0);
		}
		
		aH2Btn[index].id='16sucai_blue_id_active';
		
		iNowIndex=index;
	}
	
	function startAutoPlay()
	{
		autoPlayTimer=setInterval
		(
			function ()
			{
				gotoImg((iNowIndex+1)%aH2Btn.length);
			}, 2000
		);
	}
	
	function stopAutoPlay()
	{
		clearInterval(autoPlayTimer);
	}
	
	startAutoPlay();
	
	for(i=0;i<aH2Btn.length;i++)
	{
		aH2Btn[i].index=i;
		aDivBg[i].alpha=0;
		aImg[i].alpha=0;
		
		aH2Btn[i].onmouseover=function ()
		{
			gotoImg(this.index);
			stopAutoPlay();
		};
		
		aH2Btn[i].onmouseout=function ()
		{
			gotoImg(this.index);
			startAutoPlay();
		};
	}
	
	aDivBg[0].alpha=100;
	aImg[0].alpha=100;
	
	function startMove(obj, iTarget)
	{
		if(obj.timer)
		{
			clearInterval(obj.timer);
		}
		
		obj.timer=setInterval
		(
			function ()
			{
				doMove(obj, iTarget);
			}, 30
		);
	}
	
	function doMove(obj, iTarget)
	{
		var iSpeed=0;
		
		if(obj.alpha==iTarget)
		{
			clearInterval(obj.timer)
			obj.timer=null;
			
			if(obj.tagName=='LI' && iTarget==0)
			{
				obj.style.display='none';
			}
		}
		else
		{
			iSpeed=obj.alpha<iTarget?10:-10;
			
			obj.alpha+=iSpeed;
			
			obj.style.filter="alpha(opacity:"+obj.alpha+")";
			obj.style.opacity=obj.alpha/100;
		}
	}
})();