// JavaScript Document
$(function(){
   $('.tab-bar-ul li').hover(function(){
      var index = $(this).index(); 
      $(this).addClass('cur').siblings().removeClass('cur');
      $(".tab-box-1 > li").eq(index).css('display','block').siblings().css('display','none');
   });
   $('.tab-informations-titl > li').hover(function(){
      $(this).addClass('cur').siblings().removeClass('cur');
      var index = $(this).index(); 
      $(this).parent().siblings('.tab-informations-content').children('li').eq(index).css('display','block').siblings().css('display','none');
   });  
   $('.right-recommand-t h3').hover(function(){
      $(this).addClass('on-green').siblings().removeClass('on-green');
      var index = $(this).index();
      $(this).parent().siblings('.right-recommand-c').children('ul').eq(index).css('display','block').siblings().css('display','none');
   })
   $('.fert-tool-tab li').hover(function(){
      $(this).addClass('tab-selected').siblings().removeClass('tab-selected');
      var index = $(this).index();
      $(".tab-selected-c > div").eq(index).css('display','block').siblings().css('display','none');
   })
  $('.search-txt').bind({
   focus:function(){
     if(this.value == this.defaultValue){
      this.value = '';
     };
   },
   blur:function(){
      if (this.value == "") {
         this.value = this.defaultValue;
      }
   }
  })

  $('.select-group').click(function(){

     $('.select-group-content').toggle();
  })
})		
//轮播

 
 $(function(){
 var i=0;
 var timer=null;
 for (var j = 0; j < $('.img li').length; j++) { //创建圆点
  $('.num').append('<li></li>')
 }
 $('.num li').first().addClass('active'); //给第一个圆点添加样式
 
 var firstimg=$('.img li').first().clone(); //复制第一张图片
 $('.img').append(firstimg).width($('.img li').length*($('.img img').width())); 
 //第一张图片放到最后一张图片后，设置ul的宽度为图片张数*图片宽度
 $('.des').width($('.img li').length*($('.img img').width()));
 
 
 // 下一个按钮
 $('.next').click(function(){
  i++;
  if (i==$('.img li').length) {
  i=1; //这里不是i=0
  $('.img').css({left:0}); //保证无缝轮播，设置left值
  };
  
  $('.img').stop().animate({left:-i*380},1000);
  if (i==$('.img li').length-1) { //设置小圆点指示
  $('.num li').eq(0).addClass('active').siblings().removeClass('active');
  $('.des li').eq(0).removeClass('hide').siblings().addClass('hide');
  }else{
  $('.num li').eq(i).addClass('active').siblings().removeClass('active');
  $('.des li').eq(i).removeClass('hide').siblings().addClass('hide');
  }
  
 })
 
 // 上一个按钮
 $('.prev').click(function(){
  i--;
  if (i==-1) {
  i=$('.img li').length-2;
  $('.img').css({left:-($('.img li').length-1)*380});
  }
  $('.img').stop().animate({left:-i*380},1000);
  $('.num li').eq(i).addClass('active').siblings().removeClass('active');
  $('.des li').eq(i).removeClass('hide').siblings().addClass('hide');
 })
 
 //设置按钮的显示和隐藏
 $('.banner').hover(function(){
  $('.btn').show();
 },function(){
  $('.btn').hide();
 })
 
 //鼠标划入圆点
 $('.num li').mouseover(function(){
  var _index=$(this).index();
  $('.img').stop().animate({left:-_index*380},150);
  $('.num li').eq(_index).addClass('active').siblings().removeClass('active');
  $('.des li').eq(_index).removeClass('hide').siblings().addClass('hide');
 })
 
 //定时器自动播放
 timer=setInterval(function(){
  i++;
  if (i==$('.img li').length) {
  i=1;
  $('.img').css({left:0});
  };
 
  $('.img').stop().animate({left:-i*380},1000);
  if (i==$('.img li').length-1) { 
  $('.num li').eq(0).addClass('active').siblings().removeClass('active');
  $('.des li').eq(0).removeClass('hide').siblings().addClass('hide');
  }else{
  $('.num li').eq(i).addClass('active').siblings().removeClass('active');
  $('.des li').eq(i).removeClass('hide').siblings().addClass('hide');
  }
  
 },3000)
 
 //鼠标移入，暂停自动播放，移出，开始自动播放
 $('.banner').hover(function(){ 
  clearInterval(timer);
 },function(){
  timer=setInterval(function(){
  i++;
  if (i==$('.img li').length) {
  i=1;
  $('.img').css({left:0});
  };
 
  $('.img').stop().animate({left:-i*380},800);
  if (i==$('.img li').length-1) { 
  $('.num li').eq(0).addClass('active').siblings().removeClass('active');
  $('.des li').eq(0).removeClass('hide').siblings().addClass('hide');
  }else{
  $('.num li').eq(i).addClass('active').siblings().removeClass('active');
  $('.des li').eq(i).removeClass('hide').siblings().addClass('hide');
  }
 },3000)
 })
 
 })