// JavaScript Document
function tab(menus,cons,openClass,closeClass,speed){
	   var count = menus.length; //??的个数。
	   var now=1;                //??当前滑?的??。
	   var timer=null;           //
	   
	   var clearOpenClass = function(){//清除滑??式。
	   for(var i = 0 ; i < count; i++)
                  {
		   menus[i].className = closeClass;                                          
                    cons[i].style.display = "none";
                  }
	   };
	   
	   var changeTab = function(v){//添加滑??式以及内容切?。
                  clearOpenClass();
		 menus[v].className = openClass;
		 cons[v].style.display = "block";
		 now= v+1;
	   };
		
		
	   var autoChange = function (){//自?切?
	     if(now<count){
		changeTab(now);		
		}else{
		 now = 0;
		changeTab(now);
	     }
	    }; 
		
	var setAuto = function (){timer = setInterval(autoChange, speed)};
        var clearAuto = function (){clearInterval(timer)};    
				
	    this.init = function(){//初始化。
	              if(menus.length != cons.length){ return;}
	              clearOpenClass();
		      for(var i = 0 ; i < count; i++){ 
			         menus[i].value = i;                              
                  }
				menus[0].className='current';
			       cons[0].style.display = "block";
	   };
	   
	   this.autoAction = function(){//自?切??的?作。
	           setAuto();
	   	  for(var i = 0 ; i < count; i++){                             
                     menus[i].onmouseover = function(){clearAuto();changeTab(this.value);};
	                 menus[i].onmouseout = function(){setAuto();};
			}		 
       };
	   
	   this.usualAction = function(){//普通切??的?作。
	   	  for(var i = 0 ; i < count; i++){                             
                     menus[i].onmouseover = function(){changeTab(this.value);};
			}		 
       };
		
};
tab.prototype = { 
       usual : function(){
	   this.init();
	   this.usualAction();  	                           
       },
	   auto : function(){
	   this.init();
	   this.autoAction(); 	                           
	   }
          
}
 
window.onload=function(){
var menus=document.getElementById('tabMenus').getElementsByTagName('li');
var cons=document.getElementById('tabCons').getElementsByTagName('div');
var t=new tab(menus,cons,'current','usual',16000);
t.auto();
}