window.onload=function()
{
		 var oplay=document.getelementbyid('play');
		 var ali=oplay.getelementsbytagname('li');
		 var obutton=document.getelementbyid('button');
		 var adiv=obutton.getelementsbytagname('div');
		 var oprev=document.getelementbyid('prev');
		 var onext=document.getelementbyid('next');
		 var oflash=document.getelementbyid('flash');
		 var now=0;
		 var timer2=null;
		 for(var i=0; i<adiv.length; i++) {
		 	adiv[i].index=i;
		 	adiv[i].onmouseover=function(){
		 		if(now==this.index) return;
		 		now=this.index;
		 		tab();
		 	}
		 }
		 oprev.onclick=function(){
		 	now--;
		 	if(now==-1){
		 		now=adiv.length-1;
		 	}
		 	tab();
		 }
		 onext.onclick=function(){
		 	now++;
		 	if(now==adiv.length){
		 		now=0;
		 	}
		 	tab();
		 }
		 oflash.onmouseover=function()
		{
		    clearinterval(timer2);
		}
		 oflash.onmouseout=function()
		{
			timer2=setinterval(onext.onclick,8000);
		}
		 timer2=setinterval(onext.onclick,10000);
		 function tab(){
		 	for(var i=0; i<ali.length; i++){
		 		ali[i].style.display='none';
		 	}
		 	for(var i=0; i<adiv.length; i++) {
		 		adiv[i].style.background="#dddddd";
		 	}
		 	adiv[now].style.background='#0267b2';
		 	ali[now].style.display='block';
		 	ali[now].style.opacity=0;
		 	ali[now].style.filter="alpha(opacity=0)";
		 	jianbian(ali[now]);
		 }
		function jianbian(obj){
			var alpha=0;
			clearinterval(timer);
			var timer=setinterval(function(){
				alpha++;
				obj.style.opacity=alpha/100;
				obj.style.filter="alpha(opacity="+alpha+")";
				if(alpha==100) {
					clearinterval(timer);
				}
			},10);
		}
}