// JavaScript Document
$(function(){
 $(".tabAuto li:first").addClass("current");
 $(".tgh-box div").not(":first").hide(); $(".tabAuto li").click(function(){
  $(this).addClass("current").siblings().removeClass("current");  var index = $(".tabAuto li").index(this);
  $(".tgh-box div").eq(index).show().siblings().hide();
 })
})
 //自动轮换代码
 $(function(){
  $(".tabAuto li:first").addClass("current");
  $(".tgh-box div:first").css('display','block');
  autoScroll();
  contentHover();
  currentHover(); });
 var i=-1; //第i+1个tab开始;
 var offset = 5000;  //轮换时间
 var timer = null;
 function autoScroll(){
  var n = $(".tabAuto li").length - 1;
  i++;
  if(i > n)
  i=0;
  slide(i);
  timer = window.setTimeout(autoScroll,offset);
 }
 function slide(i){
  $(".tabAuto li").eq(i).addClass("current").siblings().removeClass("current");
  $(".tgh-box div").eq(i).show().siblings().hide(); }
 function currentHover(){
  $(".tabAuto li").hover(function(){
   if(timer){   clearTimeout(timer);
   i = $(this).prevAll().length;
   slide(i);
   }
   },function(){
    timer = window.setTimeout(autoScroll,offset);
    this.blur();                return false;   }) }
 function contentHover(){
  $(".tgh-box div").hover(function(){
   if(timer){
    clearTimeout(timer);
    i = $(this).prevAll().length;
          slide(i);   }  },function(){
   timer = window.setTimeout(autoScroll,offset);
   this.blur();
   return false;
  }) }