$(function () {
  $('.left_pro .list li:first-child').addClass('on');
  $('.right_pro .list:first-child').addClass('show');
  if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      new WOW().init();
  };
  wow = new WOW({boxClass: 'wow',animateClass: 'animated',offset:300});
  wow.init(); 
  baguetteBox.run('.gallery', {
     // Custom options
  });
  //滚屏导航置顶
  $(window).scroll(function (event) {
      if ($(this).scrollTop() > 50) {
          $(".top").addClass("top_fix");
          $(".top_nav").hide();
          $(".pc_menu").show();
      } else {
          $(".top").removeClass("top_fix");
          $(".top_nav").show();
          $(".pc_menu").hide();
          $(".pc_nav").removeClass("open");
          $(".ovh").removeClass("show");
          $(".pc_menu").removeClass("on");
      }
  });
  //顶部菜单伸缩
  $(".menu .menu_button").click(function () {
      $(".m-sub-menu").addClass('show');
      $(".ovh").addClass('show');
  });
  $(".top-box .menu_button").click(function () {
      $(".m-sub-menu").removeClass('show');
      $(".ovh").removeClass('show');
  });
  $(".m-sub-menu .list-wrap span.col-box").on('click', function() {
      var n = $(this).parent("li").index();
      $(".m-sub-menu .sec-sub-list .boxs").eq(n).addClass('show');
  });
  $(".m-sub-menu .sec-sub-list .return-fir").on('click', function() {
      $(this).parent(".boxs").removeClass('show');
  });
  $(".pc_menu").click(function () {
        $(".pc_nav").toggleClass("open");
        $(".ovh").toggleClass('show');
        $(this).toggleClass("on");
  })
  //下拉菜单
  var $navLi = $(".navigation li");
        $navLi.hover(function() {
            $(this).addClass('active').siblings('li').removeClass('active');
            $(this).children('.navson').stop().slideDown();
        },function(){
            $(this).removeClass('active');
            $(this).children('.navson').stop().slideUp();
  });
  //首页产品左侧切换     
  $(".left_pro .list li a").click(function(){
      $(".left_pro .list li").removeClass('on');
      $(".right_pro .list").removeClass('show');
      $(this).parent().toggleClass("on");
      var key = $(this).attr("rel");
      $("#list_" + key).toggleClass("show");
  });
  //产品详情子导航置顶
  $('.inner-pro-nav').onePageNav();
  $(window).scroll(function(e){
      n();     
  });
  function n(){
      t = $(document).scrollTop();
      if(t > 1200){
        $(".inner-pro-nav").addClass("fix");
      }
      else
      {
        $(".inner-pro-nav").removeClass("fix");
      }
  }
  //手机产品分类下拉
  $('.fenlei_mobile .tit').on('click', function() {
        $(this).toggleClass("show");
        $(this).next('.list').toggleClass("show"); 
  });
  var hock = true;
  $('.online-form .btn').click(function (){
    if(!hock) return;
    var _parent = $(this).parents('.online-form');
    var _user = _parent.find('input[name=name]').val();
    var _userPlace = _parent.find('input[name=name]').attr('placeholder');
    var _phone = _parent.find('input[name=tel]').val();
    var _phonePlace = _parent.find('input[name=tel]').attr('placeholder');
    var _message = _parent.find('textarea').val();
    var _messagePlace = _parent.find('textarea').attr('placeholder');
    var _code = _parent.find('input[name=captcha]').val();
    var _codePlace = _parent.find('input[name=captcha]').attr('placeholder');
    if(_user == '' || _user == _userPlace){
      layer.msg('请输入您的姓名');
      _parent.find('input[name=name]').focus();
    } else if(_phone == '' || _phone == _phonePlace ){
      layer.msg('请输入电话');
      _parent.find('input[name=mobile]').focus();
    } else if (/^[1][0-9]{10}$/.test(_phone) == false &&/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/.test(_phone)==false){
      layer.msg('请输入正确的电话号码,区号与电话号之间用 - 链接');
      _parent.find('input[name=mobile]').focus();
    } else if(_code == '' || _codePlace == _code){
      layer.msg('请输入验证码');
      _parent.find('input[name=captcha]').focus();
    } else {
      hock = false;
      var option = {
        url: '/index/message/addMessage',
        type : 'POST',
        dataType : 'json',
        success : function(data) {
          hock = true;
          if(data.code == 2012){
            layer.open({
              title:'提交成功',
              content: '您的留言已提交，谢谢您的反馈！',
              scrollbar: false,
              area: ['524px', '190px']
            });
            $('#onlineForm')[0].reset();  // 提交成功重置
            $('#verifyImg').click();
          } else if(data.code == 4013){
            layer.msg(data.msg);
            $('#verifyImg').click();
          } else {
            layer.msg(data.msg);
          }
        },
        fail:function (res){
          hock = true;
          layer.msg(res.msg);
        }
      }
      $('#onlineForm').ajaxSubmit(option);
    }
  });
  // 友情链接
  $('body').on('click','.link-more',function (){
    if($(this).hasClass('on')){
      $(this).removeClass('on');
      $(this).html('展开');
      $('.link-list').removeClass('active');
    } else {
      $(this).addClass('on');
      $(this).html('收起');
      $('.link-list').addClass('active');
    }
  });
});