//首页轮换图效果，add at 2011.9.02 by wgl.

$(document).ready(function(){
 $('.liMenus li:first').addClass('active');
 $('tabCons:first').css('display','block');
 autoroll();
 hookThumb();
});
var i=-1; //第i+1个tab开始
var offset = 5000; //轮换时间
var timer = null;
function autoroll(){
 n = $('.liMenus li').length-1;
 i++;
 if(i > n){
 i = 0;
 }
 slide(i);
    timer = window.setTimeout(autoroll, offset);
 }
function slide(i){

 $('.liMenus li').eq(i).attr('id', 'active'+i).siblings().attr('id', 'one');
 $('.tabCons').eq(i).css('display','block').siblings('.tabCons').css('display','none'); 
 
 }
function hookThumb(){    
 $('.liMenus li').hover(
  function () {
    if (timer) {
                clearTimeout(timer);
    i = $(this).prevAll().length;
             slide(i); 
            }
  },
  function () {
      
            timer = window.setTimeout(autoroll, offset);  
            this.blur();            
            return false;
  }
); 
}