"use strict";
(function () {
  let pageVar = $("meta[name='generator']")[0].dataset.var;
  pageVar = pageVar.split("|");
  pageVar = {
    pageUrl: pageVar[0],
    acode: pageVar[1],
    template: pageVar[2],
    tcode: pageVar[3],
    pcode: pageVar[4],
    scode: pageVar[5],
  };
  let isPc = true;
  let isPad = false;
  let isPhone = false;

  function checkSize() {
    let windowsWidth = document.documentElement.clientWidth;
    if (windowsWidth > 991) {
      isPc = true;
      isPad = false;
      isPhone = false;
      console.log("isPc", isPc);
    } else if (windowsWidth >= 768 && windowsWidth <= 991) {
      isPc = false;
      isPad = true;
      console.log("isPad", isPad);
    } else if (windowsWidth < 768) {
      isPc = false;
      isPad = false;
      isPhone = true;
      console.log("isPhone", isPhone);
    }
    console.log("windowsWidth", windowsWidth);
  }

  checkSize();

  function bannerReSize(e) {
    // console.log(e);
    let pcHeight = $(".sw_banner")[0].dataset.pcheight;
    let padHeight = $(".sw_banner")[0].dataset.padheight;
    let phoneHeight = $(".sw_banner")[0].dataset.phoneheight;
    if (isPc) {
      $(".sw_banner .swiper-slide").css({ "background-size": "auto " + pcHeight + "px", "height": pcHeight + "px" })
      $(".sw_banner").css({ "height": pcHeight + "px" })
      $(".sw_banner .swiper-wrapper").css({ "height": pcHeight + "px" })
      $(".sw_banner .swiper-slide div").css({ "height": pcHeight + "px" })
      $(".sw_banner .swiper-slide div").css({ "height": pcHeight + "px" })
    }
    if (isPad) {
      $(".sw_banner .swiper-slide").css({ "background-size": "auto " + padHeight + "px", "height": padHeight + "px" })
      $(".sw_banner").css({ "height": padHeight + "px" })
      $(".sw_banner .swiper-slide").css({ "height": padHeight + "px" })
      $(".sw_banner .swiper-wrapper").css({ "height": padHeight + "px" })
      $(".sw_banner .swiper-slide div").css({ "height": padHeight + "px" })
    }
    if (isPhone) {
      $(".sw_banner .swiper-slide").css({ "background-size": "auto " + phoneHeight + "px", "height": phoneHeight + "px" })
      $(".sw_banner").css({ "height": phoneHeight + "px" })
      $(".sw_banner .swiper-wrapper").css({ "height": phoneHeight + "px" })
      $(".sw_banner .swiper-slide").css({ "height": phoneHeight + "px" })
      $(".sw_banner .swiper-slide div").css({ "height": phoneHeight + "px" })
    }
  }

  var mybanner = new Swiper('#sw_banner', {
    loop: true,
    speed: 300,
    autoplay: {
      disableOnInteraction: false,
      delay: 4000
    },
    navigation: {
      nextEl: '.swiper-button-next-banner',
      prevEl: '.swiper-button-prev-banner',
    },
    pagination: {
      el: '.swiper-pagination-banner',
      clickable: true,
    },
    effect: "creative",
    creativeEffect: {
      prev: {
        shadow: true,
        origin: "left center",
        translate: ["-5%", 0, -200],
        rotate: [0, 100, 0],
      },
      next: {
        origin: "right center",
        translate: ["5%", 0, -200],
        rotate: [0, -100, 0],
      },
    },
    on: {
      init: function (item) {
        bannerReSize()
      }
    }
  })

  var sw_pagebanner = new Swiper('#sw_pagebanner', {
    loop: true,
    speed: 300,
    on: {
      init: function (item) {
        bannerReSize(item)
      }
    }
  })


  //产品2
  var mySwiper_product2 = new Swiper('#index_product2_sw', {
    autoplay: true,
    autoplay: {
      disableOnInteraction: false,
    },
    watchSlidesVisibility: true,
    slidesPerView: 4,
    grid: {
      fill: 'row',
      rows: 2,
    },
    spaceBetween: 20,
    breakpoints: {
      1024: {
        slidesPerView: 4,
      },
      768: {
        slidesPerView: 3,
      },
      640: {
        slidesPerView: 2,
      },
      320: {
        slidesPerView: 2,
      }
    },
  })
  //产品2

  var index_honor_sw = new Swiper('#index_honor_sw', {
    autoplay: {
      disableOnInteraction: false,
    },
    loop: true,
    slidesPerView: 6,
    spaceBetween: 20, // item间隔
    // 自适应
    breakpoints: {
      1024: {
        slidesPerView: 6,
      },
      768: {
        slidesPerView: 6,
      },
      640: {
        slidesPerView: 2,
      },
      320: {
        slidesPerView: 2,
      }
    },
  })

  // 设置视频 iframe比例
  $('.clearfix iframe').css('height', $('.clearfix iframe').width() * 0.56)
  $('.clearfix video').css('height', $('.clearfix video').width() * 0.56)

  // 表格设置最大宽度
  if (isPhone) {
    $('.clearfix table').wrapAll('<div class="w-full" style="overflow-x: auto;"></div>');
    $('.clearfix td').removeAttr('width')
  }

  $(window).resize(function () {
    bannerReSize()
    console.log("bannerUpdata");
  });

  new WOW().init();

  // 数字滚动
  // $('.counter').countUp();

  //sortnav2
  var sortnav2_sw1 = new Swiper('#sortnav2_sw1', {
    spaceBetween: 20,
    centerInsufficientSlides: true,
    breakpoints: {
      1024: {
        slidesPerView: 7,
      },
      768: {
        slidesPerView: 5,
      },
      640: {
        slidesPerView: 2,
      },
      320: {
        slidesPerView: 2,
      }
    },
    navigation: {
      prevEl: '.sortnav2_sw1_prev',
      nextEl: '.sortnav2_sw1_next',
    },
    on: {
      init: function (swiper) {
        $('#sortnav2_sw1 a').each(function () {
          if ($(this).data('scode') == pageVar.scode) {
            swiper.slideTo($(this).data('index'))
          }
        })
      },
    },
  })
  var sortnav2_sw2 = new Swiper('.sortnav2_sw2', {
    spaceBetween: 20,
    centerInsufficientSlides: true,
    breakpoints: {
      1024: {
        slidesPerView: 7,
      },
      768: {
        slidesPerView: 5,
      },
      640: {
        slidesPerView: 2,
      },
      320: {
        slidesPerView: 2,
      }
    },
    navigation: {
      prevEl: '.sortnav2_sw2_prev',
      nextEl: '.sortnav2_sw2_next',
    }
  })
  for (let i = 0; i < sortnav2_sw2.length; i++) {
    const e = sortnav2_sw2[i];
    if ($(e.$el).hasClass('show')) {
      $(e.$el).find('.swiper-slide').each(function(i,el){
        if ($(el).data('scode').toString() == pageVar.scode) {
          e.slideTo($(el).data('index'))
        }
      })
    }
  }

  $('#sortnav2_sw1 a').hover(function () {
    let scode = $(this).data('scode');
    if ($(this).hasClass('has_down')) {
      $('.sortnav2_sw2').each(function () {
        if ($(this).data('pcode') == scode) {
          if (!$(this).hasClass('show')) {
            $('.sortnav2_sw2').removeClass('show');
            $(this).addClass('show');
          }
        }
      })
    } else {
      $('.sortnav2_sw2').removeClass('show');
    }
  })
  $('.sortnav2').hover(function () { }, function () {
    let pcode = pageVar.pcode;
    let scode = pageVar.scode;
    $('.sortnav2_sw2').each(function () {
      if ($(this).data('pcode').toString() == scode || $(this).data('pcode').toString() == pcode) {
        if (!$(this).hasClass('show')) {
          $(this).removeClass('show');
          $(this).addClass('show');
        }
      } else {
        $(this).removeClass('show');
      }
    })
  })
  //sortnav2
}());