$(function(){
  /*=====#nav当前页效果=====*/
  $('#nav>li').each(function(){//修正IE6 hover bug
    $(this).hover(function(){
      $(this).addClass('show');
    },function(){
      $(this).removeClass('show');
    });

    if($(this).attr('class') == $('body').attr('id')){//边栏导航当前页效果，也可写为：$(this).attr('class').indexOf($('body').attr('id'))==0
      $(this).addClass('current');
    }
  });

  /*======#sidebar导航效果======*/
  var $caseNav = $("#caseNav");
  var $caseNav_dd = $caseNav.children("dd");
  var $subNav = $caseNav_dd.prev("dt");
  $caseNav.prev("h2").css("cursor", "pointer").click(function(){
    $caseNav_dd.is(":visible") ? $caseNav_dd.filter(":visible").hide().prev("dt").addClass("closed") : $caseNav_dd.show().prev("dt").removeClass("closed");
  });

  $subNav.addClass("closed").hover(function(){
    $(this).addClass('hover');
  },function(){
    $(this).removeClass('hover');
  }).click(function(){
    $(this).toggleClass("closed").nextUntil("dt").toggle();
    return false;
  });

  //当前子菜单效果
  var h1Text=$("#pro>h1").text();
  $caseNav_dd.has("a[title='"+h1Text+"']").addClass("current").prevAll("dt:first").removeClass("closed").nextUntil("dt").show();

  /*======若产品只有一页，则隐藏分页======*/
  if($("#pager > em").text() == "1 / 1") $("#pager").addClass("hide");

  /*======IE6 only======*/
  if($.browser.msie && $.browser.version<7){//找出IE6浏览器
    document.execCommand("BackgroundImageCache", false, true);//修正IE6下背景图片闪烁问题

    try{
      document.execCommand("BackgroundImageCache", false, true);//修正IE6无法缓存背景图片的bug－不过好像不起作用，奶奶的IE6
    }catch(err){}

    var $msn=$('#extra1 a.msn');
    //$("#extra1 .msn").fixed({right:"5px",top:"10px"});
    $msn.css("position", "absolute");
    $(window).scroll(function(){
      $msn.animate({'top': $(document).scrollTop()+30+'px'}, 1);
    });
  }

  /*======safari only======*/
  if($.browser.safari){//判断是否是safari浏览器
    $("body").css("margin", "0");/*在css中已经设置了，但是不清楚为什么无效？*/
    $("ul").css("padding", "0");
  }

  /*======加载并执行jquery.lightbox======*/
  if($("body#products").length || $("body#about").length){
    $.getScript("/js/jquery.lightbox.js", function(){
      $(function(){
        $('#pro.jqbox, #main div.jqbox').each(function(){
          $(this).find('a[href$=.jpg]').lightBox();
        });
      });
    });
  }

  /*======加载并执行jquery.quickpaginate======*/
  if($("body#products.case").length){
    $.getScript("/js/jquery.quickpaginate.js", function(){
      $(function(){
        var $pager=$("#pro > div");
        $pager.quickpaginate({
          perpage: 20,
          pager: $pager.siblings("p.qc_pager")
        });
      });
    });
  }
});

/*======加载scroll2top======*/
$.getScript("/js/scroll2top.js");

$(window).load(function(){
  /*======当窗口宽度小于1018px时隐藏#extra1元素======*/
  if(!$.browser.msie){//在非IE6浏览器中显示此效果，因为IE太蜗牛了！
    setInterval(function(){
      $(window).width()<1018 ? $("#extra1").hide() : $("#extra1").show();
    },1);
  }

  /*======滚动banner效果======*/
  var $num = $("#banner > ul.num > li");
  var numLen = $num.length;
  var index = 0;
  var bannerTimer;
  $num.mouseover(function() {
    index = $num.index(this);
    showImg(index);
  }).eq(0).mouseover();

  //滑入停止动画，滑出开始动画
  $('#banner').hover(function() {
    clearInterval(bannerTimer);
  }, function() {
    bannerTimer = setInterval(function() {
      showImg(index);
      index++;
      if(index == numLen) { index = 0; }
    }, 3000);
  }).trigger("mouseleave");

  /*======新产品列表滚动效果======*/
  var $newPros=$("#newPros>ul");
  var timeScroller;
  $newPros.hover(function(){
    clearInterval(timeScroller);
  },function(){
    timeScroller=setInterval(function(){
      scroller($newPros);
    },3000);
  }).trigger("mouseleave");

  /*======热卖产品滚动效果======*/
  var page = 1;
  var i = 4;//每版放4个图片
  var $prolist = $("#hot_products > div.prolist > ul");
  var $tips = $("#hot_products > div.tips > span");
  var $btn =  $("#hot_products > div.btn > span");
  var len = $prolist.children("li").length;
  var page_count = Math.ceil(len / i);//只要不是整数，就往大的方向取最小的整数
  var page_width = $prolist.parent().width();//获取框架内容的宽度,不带单位

  //next按钮
  $btn.filter(".next").click(function() {
    if(!$prolist.is(":animated")) {
      if(page == page_count) {//已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
        $prolist.animate({ left: 0 }, 1000);//通过改变left值，跳转到第一个版面
        page = 1;
      }else {
        $prolist.animate({ left: '-=' + page_width }, 1000);//通过改变left值，达到每次换一个版面
        page++;
      }
    }
    $tips.eq(page-1).addClass("current").siblings().removeClass("current");
  });

  //prev按钮
  $btn.filter(".prev").click(function() {
    if(!$prolist.is(":animated")) {
      if(page == 1) {//已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
        $prolist.animate({ left: '-=' + page_width*(page_count-1) }, 1000);//通过改变left值，跳转到最后一个版面
        page = page_count;
      }else {
        $prolist.animate({ left: '+=' + page_width }, 1000);//通过改变left值，达到每次换一个版面
        page--;
      }
    }
    $tips.eq(page-1).addClass("current").siblings().removeClass("current");
  });

  /*======外部链接======*/
  $("#proshow a.outLink, #footer a.outLink, #link a[rel=blank]").attr("target", "_blank");

  /*======产品图片hover效果======*/
  $('#products img, #links img').hover(function(){
    $(this).stop().fadeTo(270,0.7);
  },function(){
    $(this).stop().fadeTo(270,1);
  });

  /*======about.asp图片效果======*/
  if($("body#about").length){
    $("#main div.workshop img").mouseover(function(){
      var position=$(this).position();
      if(position.left!='0'){
        $(this).animate({left: '0px'},1000);
      }
      else{
        $(this).animate({left: '-260px'},1000);
      }
    });
  }
});

/*======通过控制top，来显示不同的幻灯片======*/
function showImg(index) {
  var bannerHeight = $("#banner").height();
  $("#banner > ul.slider").stop(true, false).animate({ top: -bannerHeight * index }, 1000);
  $("#banner > ul.num > li").removeClass("on").eq(index).addClass("on");
}

/*======新产品滚动======*/
function scroller($obj){
  var scrollHeight=$obj.find("li:first").height();//获取行高
  $obj.animate({"marginTop": -scrollHeight+"px"}, 600, function(){
    $obj.css({marginTop:0}).find("li:first").appendTo($obj);//appendTo能直接移动元素
  });
}