var Tab={
	init:function(){
		btn=tools.$('indexBtn').getElementsByTagName('a');
		list=tools.$('indexContent').getElementsByTagName('ul');
		total=list.length;
		Tab.display(0);
		for(var i=0;i<total;i++){
			btn[i].suf=i;
			btn[i].onmouseover=function(){ Tab.display(this.suf);}	
		}
	},
	display:function(e){
		for(var i=0;i<total;i++){
			if(i==e){
				//tools.addClass(btn[i],'over');
				list[i].style.display='block';
				//btn[2].href="rink.htm";
			}
			else{
				//tools.removeClass(btn[i],'over');
				list[i].style.display='none';
				//btn[2].href="rink.htm";
			}
		}		
	}
}

//特点，根据循环个数自动生成按钮
var hotPic={
	init:function(){
		var obj=document.getElementById("event");
		items=obj.getElementsByTagName('a');//取得对象下的循环对象
		picAll=items.length;
		if(picAll>0){
			currentId=0;//当前Id
			interval=2000,//时间间隔
			hotPic.create();//创建按钮标签
			hotPic.repeat();//循环对象
		}
	},
	create:function(){
		var ul=document.createElement("ul");
		var ulHtml="";
		for(var i=0;i<picAll;i++){ ulHtml+="<li>"+(i+1)+"</li>";}
		ul.innerHTML=ulHtml;
		document.getElementById("event").appendChild(ul);
		
		btnItems=document.getElementById("event").getElementsByTagName("li");
	},
	clear:function(){
		clearTimeout(timer);
		timer=null;
	},
	set:function(){
		timer=setTimeout('hotPic.repeat()',interval)
	},
	repeat:function(){
		if(currentId>picAll-1) currentId=0;
		else if(currentId<0) currentId=picAll-1;
		
		for(var i=0;i<picAll;i++){
			btnItems[i].suf=i;
			btnItems[i].onclick=function(){ currentId=this.suf; hotPic.repeat(); hotPic.clear();}
			btnItems[i].onmouseover=function(){ hotPic.clear();}
			btnItems[i].onmouseout=function(){ hotPic.set()}
			
			items[i].onmouseover=function(){ hotPic.clear();}
			items[i].onmouseout=function(){ hotPic.set()}
		}
		
		hotPic.display(currentId);
		currentId++;
		hotPic.set();
	},
	display:function(e){
		for(var i=0;i<picAll;i++){
			if(i==e){
				btnItems[i].className+=(btnItems[i].className.length>0?' ':'')+'focus';
				items[i].className+=(items[i].className.length>0?' ':'')+'display';
			}
			else{
				btnItems[i].className=btnItems[i].className.replace("focus");
				items[i].className=items[i].className.replace("display");
			}
		}	
	}
}

/*
---------------------------------*/

window.onload=function(){
	Tab.init();
	hotPic.init();
	startList();
}