// $("header").load("common/header.html");
// $("footer").load("common/footer.html");
// 全局变量
window.winkd = $(window).width();
window.wingd = $(window).height();

/**
 * ============图片懒加载=====================
 */

$(function () {
  window.addEventListener("load", function (event) {
    lazyload();
  });
});

/**
 * ============页面下滑及返回顶部=====================
 */

$(function () {
  $(window).scroll(function () {
    var top =
      document.documentElement.scrollTop ||
      window.pageYOffset ||
      document.body.scrollTop;
    if (top > 60) {
      $("body").addClass("scroll");
    } else {
      $("body").removeClass("scroll");
    }
  });
  $("body").on('click', '.Gotop', function () {
    $("html,body").animate({
      scrollTop: 0,
    },
      1000
    );
  });
});

/**
 * ============懒加载锚点及动画=====================
 */

$(function () {
  function autoLazy() {
    // 闲时自动加载
    var cont = 0,
      lazyNum = $("img.lazy").length;

    function loadimg(i) {
      var img = $("img.lazy").eq(i),
        src = img.attr("data-src");
      img.attr("src", src);
      //超时
      var k = setTimeout(function () {
        console.log("超时");
        if (i < lazyNum - 1) {
          i++;
          loadimg(i);
        }
        clearTimeout(k);
        return false;
      }, 1000);
      img[0].onload = function () {
        clearTimeout(k);
        if (i < lazyNum - 1) {
          i++;
          loadimg(i);
        }
      };
    }
    if (lazyNum != 0) {
      loadimg(cont);
    }
  }

  function hash() {
    var hashVal = window.location.hash.replace("#class=", ".");
    if (hashVal != "" && hashVal != "#---") {
      var top = $(hashVal).offset().top - $("header").outerHeight();
      $("html,body").animate({
        scrollTop: top,
      },
        1000
      );
      var timeout = setTimeout(function () {
        window.location.hash = "---";
        clearTimeout(timeout);
      }, 1000);
    }
  }
  window.addEventListener("hashchange", function () {
    hash();
  });

  var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: false,
    live: true
  });

  window.onload = function () {
    // 懒加载
    autoLazy();
    //锚点
    var out = setTimeout(function () {
      hash();
      clearTimeout(out);
    }, 500);
    // 动画
    wow.init();
  };
});

/**
 * ============判断swiper存在否=====================
 */


/**
 * ============事件集合=====================
 */

$(function () {
  //定义变量获取屏幕视口宽度
  if (window.winkd > 991) {
    $('.ab2 .col').hover(function () {
      $(this).addClass("on").siblings().removeClass("on");
    });
    $('.ab4 .ev').hover(function () {
      $(this).addClass("on").siblings().removeClass("on");
    });
    $('.co0 .col').hover(function () {
      $(this).addClass("on").siblings().removeClass("on");
    });
  } else {
    // $("header").on('click', '.link', function () {
    //   $(this).toggleClass("on").siblings().removeClass("on");
    //   $(this).siblings().find(".downmenu").slideUp();
    //   $(this).find(".downmenu").stop().slideToggle();
    // });
    // $("header .link.yesItem>a").on("click", function (e) {
    //   e.preventDefault();
    // })
    //文字上移
    $('.ab4 .ev').click(function () {
      $(this).addClass("on").siblings().removeClass("on");
    });
  }
});

$(function () {
  //手机端菜单
  $("header").on('click', '.navbar-toggle', function () {
    $(this).toggleClass("open");
    $("header .menu").toggleClass("on");
  });
  //点击切换
  // $(".qu0").on('click', '.sub', function () {
  //   var q = $(this).index();
  //   $(this).addClass("on").siblings().removeClass("on");
  //   $(".qu0 .que_b").eq(q).addClass("on").siblings().removeClass("on");
  //   $(".qu0 .col").removeClass("on").find(".details").stop().slideUp();
  // });
  //点击展开
  $(".jo1").on('click', '.type', function () {
    var j = $(this).index();
    $(this).addClass("on").siblings().removeClass("on");
    $(".jo1 .details").eq(j).addClass("on").siblings().removeClass("on");
  });
  //简介弹窗
  // $(".in0").on('click', '.col', function () {
  //   var tit = $(this).find("h6").html();
  //   var date = $(this).find(".date").html();
  //   var txt = $(this).find(".txt").html();
  //   $(".Pop_txt .tit").html(tit);
  //   $(".Pop_txt .date").html(date);
  //   $(".Pop_txt .txt").html(txt);
  //   $(".Pop_bg,.Pop_txt").addClass("on");
  // });
  // $(".Pop_txt").on('click', '.close', function () {
  //   $('.Pop_bg,.Pop_txt').removeClass("on");
  // });
});

$(function () {
  //表单验证
  $("footer .btn").click(function () {
    var num = 0;
    $.each($("footer .input"), function (i, elem) {
      var before = "不能为空";
      var must = $(elem).attr("data-must");
      if ($(elem).val().trim() == "" && must == 1) {
        $(elem).addClass("err-input").attr({
          placeholder: before,
        });
        num++;
      }
    });
    var mail = /^[a-zA-Z0-9]+([-_.][A-Za-zd]+)*@([a-zA-Z0-9]+[-.])+[A-Za-zd]{2,5}$/;
    if ($("footer .email").val().trim() !== "") {
      var result = mail.test($("footer .email").val());
      if (!result) {
        num++;
        $("footer .email").val("");
        $("footer .email").addClass("err-input").attr("placeholder", "Email format error");
      }
    }
    //表单提交 ajax
    // if (num == 0) {
    //   alert("提交成功 !");
    //   $("footer .form")[0].reset();
    // }
    if (num == 0) {
      // alert("提交成功 !");
      // $("footer .form")[0].reset();
      var data = $('footer .form').serializeArray();
      $.ajax({
        url: '/common/form.php?action=contact',
        data: data,
        dataType: 'json',
        type: 'post',
        success: function (res) {
          if (res.status == 0) {
            alert("提交成功 !");
            $("footer .form")[0].reset();
          } else {
            alert("提交失败");
          }
        }
      })
    }
  });
  $.each($(".input"), function (i, elem) {
    var placeholder = $(elem).attr("placeholder");
    $(elem).focus(function () {
      $(elem).attr({
        placeholder: placeholder,
      });
      $(elem).removeClass("err-input");
    });
  });
});

$(function () {
  //头部搜索
  function search() {
    var keywords = $(".search_i").val();
    keywords.trim() != "" ?
      (window.location.href = "/search.html?keywords=" + keywords) :
      "";
  }
  //点击执行查询
  $(".search_b").on("click", function () {
    search();
  });
  //回车执行查询
  $(".search_i").on("keyup", function (event) {
    event.keyCode == 13 ? search() : "";
  });
});
