"use strict";
(function () {
  console.log("浏览器分辨率是" + document.documentElement.clientWidth + "*" + document.documentElement.clientHeight);
  console.log("屏幕分辨率是" + window.screen.width + "*" + window.screen.height);
  let isPc = true;
  let isPad = false;
  let isPhone = false;
  checkSize()
  $(window).resize(function () { checkSize() });
  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);
  }
  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,
      renderBullet: function (index, className) {
        if (!isPhone) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        } else {
          return '<span class="' + className + '"></span>';
        }
      },
    },
    on: {
      init: function (item) {
        bannerReSize()
      }
    }
  })
  var sw_pagebanner = new Swiper('#sw_pagebanner', {
    loop: true,
    speed: 300,
    pagination: {
      el: '.swiper-pagination-banner',
      clickable: true,
      renderBullet: function (index, className) {
        if (!isPhone) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        } else {
          return '<span class="' + className + '"></span>';
        }
      },
    },
    on: {
      init: function (item) {
        bannerReSize(item)
      }
    }
  })
  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 .swiper-slide div").css({ "height": pcHeight + "px" })
    }
    if (isPad) {
      $(".sw_banner .swiper-slide").css({ "background-size": "auto " + padHeight + "px", "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 .swiper-slide div").css({ "height": phoneHeight + "px" })
    }
  }
  $(window).resize(function () {
    bannerReSize()
    console.log("bannerUpdata");
  }
  );

  //产品1
  var index_product1_sw = new Swiper('#index_product1_sw', {
    autoplay: true,
    autoplay: {
      disableOnInteraction: false,
    },
    watchSlidesVisibility: true,
    slidesPerView: 3,
    spaceBetween: 28,
    breakpoints: {
      1024: {
        slidesPerView: 3,
      },
      768: {
        slidesPerView: 3,
      },
      640: {
        slidesPerView: 2,
      },
      320: {
        slidesPerView: 2,
      }
    }
  })
  //产品1

  let certifySwiper = new Swiper('#certify .swiper-container', {
    watchSlidesProgress: true,
    slidesPerView: 'auto',
    centeredSlides: true,
    loop: true,
    // loopedSlides: 3,
    // autoplay: true,
    navigation: {
      nextEl: '.swiper-button-next-case',
      prevEl: '.swiper-button-prev-case',
    },
    on: {
      progress: function (progress) {
        // console.log(this);
        for (let i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i);
          // console.log(slide);
          var slideProgress = this.slides[i].progress;
          let modify = 1;
          if (Math.abs(slideProgress) > 1) {
            let modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
          }
          let translate = slideProgress * modify * 50 + 'px';
          let scale = 1 - Math.abs(slideProgress) / 3;
          let zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
          slide.transform('translateX(' + translate + ') scale(' + scale + ')');
          slide.css('zIndex', zIndex);
          slide.css('opacity', 1);
          if (Math.abs(slideProgress) > 3) {
            slide.css('opacity', 0);
          }
        }
      },
      setTransition: function (transition) {
        // console.log(this);
        for (var i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i);
          slide.transition(transition);
        }

      }
    }

  })

  $('.clearfix iframe').css('height', $('.clearfix iframe').width() * 0.56)
}());