$(document).ready(function () {
  var recSwiper = null;
  var newsSwiper = null;

  $(window).scroll(function () {
    var viewTop = $(window).scrollTop();
    viewTop >= 500 ? $("#gotoTop").fadeIn() : $("#gotoTop").fadeOut();
  })
  $(window).resize(function () {
    var winWidth = $(window).width();
    setBannerHeight();
    setRecItemHeight();
    if (winWidth < 1000 && !recSwiper) {
      setBannerHeight()
      setRecSwiper();
      initMobieNavEvent();
      // initMobielNavIcon();
    }
  })
  function init() {
    var winWidth = $(window).width();
    setBannerHeight();
    setRecItemHeight();
    setRecSwiper();
    setSidebarArrow();
     if(winWidth < 1000){
      $('body').addClass('mobile-page');
      $('.header-nav').addClass('mobile-head');

      initMobieNavEvent();
      // initMobielNavIcon();
    }else{
      $('body').removeClass('mobile-page');
      $('.header-nav').removeClass('mobile-head');
    }
  }
  init();
  function setRecSwiper() {
    if ($(window).width() < 900) {
      if (recSwiper) { return }
      recSwiper = new Swiper('#rec-swiper-container', {
        autoplay: {
          delay: 3e3,
          disableOnInteraction: true
        },
        loop: true,
        pagination: {
          el: "#rec-swiper-container .swiper-pagination",
        },
      });
      newsSwiper = new Swiper('#news-swiper-container', {
        autoplay: {
          delay: 3e3,
          disableOnInteraction: true
        },
        loop: true,
        // pagination: {
        //   el: ".swiper-pagination",
        // },
      });
    }
  }
  function setRecItemHeight() {
    var winWidth = $(window).width();
    if(winWidth < 1000){
      return false;
    }
    var containerWidth = $('.wrapperHome').width();
    var onewidth = (containerWidth-30*2)/3;
    $('.recommend-index-2,.recommend-index-3').width(onewidth);
    $('.recommend-index-1,.recommend-index-4').width(containerWidth - onewidth - 30);
    $('.part1 ul li img').height(onewidth);
  }
  function setBannerHeight(value) {
    var winWidth = $(window).width();
    var coe = 650 / 1920;
    if(winWidth < 1000){
      coe = 425/385;
    }
    var bannerWidth = $('.home-banner').width();
    $('.home-banner .swiper-wrapper .swiper-slide').height(bannerWidth * coe);
  }

  $("#gotoTop").click(
    function () {
      $('html,body').animate({ scrollTop: '0px' }, 'slow');
    })
  $('#pageService').click(function(){
    $('.page-modal').addClass('open');
    $('.quicklink .contact-us').addClass('show-service');
  })
  $('.close-service').click(function(){
    $('.page-modal').removeClass('open');
    $('.quicklink .contact-us').removeClass('show-service');
  })

  $('.header-nav > ul > li').hover(function () {
    $(this).find('.level-2-item').removeClass('active');
    const $initDom = $($(this).find('.level-2-item')[0]);
    $initDom.addClass('active');
    if($(this).parents('.mobile-head').length > 0){
      setPanelHeight($initDom,'auto')
    }else{
      setPanelHeight($initDom)
    }
   
   
  });
  $('.header-nav > ul > li .level-2-item').hover(function () {
    $('.header-nav > ul > li .level-2-item').removeClass('active');
    $(this).addClass('active');
  });
  function setPanelHeight($initDom,value) {
    var height = $($initDom.find('.level-3')).height();
    if(height < 400){
        height = 400;
    }else{
         height += 120;
    }
    
    var $panelDom = $initDom.parents('.header_main_nav_box_container');
    if(value){
      $panelDom.height(value);
    }else{
      $panelDom.height(height);
    }

  }


  function initMobieNavEvent() {
    $('.header-nav ul li,.header-nav .module-nav,.header-nav .group-list,.header-nav .nav-list-group').click(function (event) {
      event.stopPropagation();
      if ($(this).hasClass('mobile-nav-active')) {
        $(this).removeClass('mobile-nav-active');
        $(this).find('.mobile-nav-active').removeClass('mobile-nav-active')
      } else {
        $(this).parent().children().removeClass('mobile-nav-active');
        $(this).addClass('mobile-nav-active');
      }
    })
  }
  function setSidebarArrow(){
    $('.sideMenu-product dl').each(function(index,_){
      var childLen = $(_).find('dd ul li').length > 0;
      if(childLen > 0){
        $(_).addClass('hasChild');
      }
    })
  }
  // function initMobielNavIcon() {
  //   const doms = ['.header-nav>ul>li', '.level-2-item', '.sub-nav-list-container', '.nav-list-group'];
  //   doms.forEach(function (selector) {
  //     const domLen = $(selector).length;
  //     for (var i = 0; i < domLen; i++) {
  //       var childLen = $($(selector)[i]).children().length;
  //       if (childLen === 1) {
  //         console.log('no', i)
  //       } else {
  //         $($(selector)[i]).addClass('has-child');
  //         console.log('has', i)
  //       }
  //     }
  //   })
  // }

  $('.m-nav-toggle').click(function () {
    if ($(this).hasClass('nav-open')) {
      $(this).removeClass('nav-open');
      $('.header-nav').removeClass('m-t-n-active');
    } else {
      $(this).addClass('nav-open')
      $('.header-nav').addClass('m-t-n-active');
    }
  })

  $('.footer-container .quicklink dl dt').click(function () {

    var $pdom = $(this).parent('dl');

    if ($pdom.hasClass('m-f-n-active')) {
      $pdom.removeClass('m-f-n-active');
    } else {
      $pdom.parent().children('dl.m-f-n-active').removeClass('m-f-n-active');
      $pdom.addClass('m-f-n-active');
    }

  })

  $(".dropmenu_sp ul li").click(function(){
    $(this).find("dl").slideToggle(200).parent().siblings().find("dl").slideUp(200);
    $(this).find("span i").toggleClass('action').parents().siblings().find("span i").removeClass('action');
  })
  $(".article-link .article-link-title").click(function(){

    var $pdom = $(this).parent('.article-link');
    $pdom.find("ul").slideToggle(200);
    if( $pdom.hasClass('article-link-open')){
      $pdom.removeClass('article-link-open')
    }else{
      $pdom.addClass('article-link-open')
    }
    // $(this).find("span i").toggleClass('action').parents().siblings().find("span i").removeClass('action');
  })

$('.mobile-page .sidebar_tit').click(function(){
  $('.sidebar .on').removeClass('on')
  if($('.sidebar').hasClass('showList')){
    $('.sidebar').removeClass('showList');
  }else{
    $('.sidebar').addClass('showList');
  }
})
$('.mobile-page .sideMenu-product dl dt').click(function(){
  var $p = $(this).parent('dl');
  if($p.hasClass('on')){
    $p.removeClass('on');
  }else{
    $p.parent().children('.on').removeClass('on');
    $p.addClass('on');
  }
})


});