"use strict";
(function () {
  console.log("浏览器分辨率是" + document.documentelement.clientwidth + "*" + document.documentelement.clientheight);
  console.log("屏幕分辨率是" + window.screen.width + "*" + window.screen.height);
  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;
  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,
    },
    on: {
      init: function (item) {
        bannerresize()
      }
    }
  })
  var sw_pagebanner = new swiper('#sw_pagebanner', {
    loop: true,
    speed: 300,
    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": "cover" })
      $(".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('.swiper-product', {
    autoplay: {
      delay: 3000,
      stoponlastslide: false,
      disableoninteraction: true,
    },
    loop: true,
    slidesperview: 4,
    spacebetween: 20,
    breakpoints: {
      1600: {
        slidesperview: 4,
        spacebetween: 20
      },
      1199: {
        slidesperview: 4,
        spacebetween: 20
      },
      992: {
        slidesperview: 3,
        spacebetween: 20
      },
      768: {
        slidesperview: 3,
        spacebetween: 20
      },
      480: {
        slidesperview: 2,
        spacebetween: 20
      }
    }
  })
  //产品1



  //产品3
  var index_product3_sw_text = new swiper('#index_product3_sw_text', {
    slidesperview: 6,
    watchslidesvisibility: true,
    spacebetween: 20,
    breakpoints: {
      1024: {
        slidesperview: 6,
      },
      768: {
        slidesperview: 6,
      },
      640: {
        slidesperview: 2,
      },
      320: {
        slidesperview: 2,
      }
    },
    on: {
      init: function (swiper) {
        let width = document.documentelement.clientwidth;
        if (width > 1024) {
          console.log(1024);
          if (this.slides.length < this.passedparams.breakpoints["1024"].slidesperview) { $(this.el).find('.swiper-wrapper').css('justify-content', 'center') }
        }
        if (width > 768 && width <= 1024) {
          console.log(768);
          if (this.slides.length < this.passedparams.breakpoints["768"].slidesperview) { $(this.el).find('.swiper-wrapper').css('justify-content', 'center') }
        }
        if (width > 640 && width <= 768) {
          console.log(640);
          if (this.slides.length < this.passedparams.breakpoints["640"].slidesperview) { $(this.el).find('.swiper-wrapper').css('justify-content', 'center') }
        }
        if (width > 320 && width <= 640) {
          console.log(320);
          if (this.slides.length < this.passedparams.breakpoints["320"].slidesperview) { $(this.el).find('.swiper-wrapper').css('justify-content', 'center') }
        }
      }
    }
  })
  var myswiper_product2 = new swiper('.index_product3_sw_item', {
    watchslidesvisibility: true,
    slidesperview: 1,
  })
  $('.index_product3_sw_text1').hover(function(e){
  	console.log('index_product3_sw_text1',this,e,e.target.dataset['index']);
  	console.log('index_product3_sw_text1',$(this).attr("data-index"));
    $('.index_product3_sw_text1').removeclass('action')
  	var targer_index = $(this).attr("data-index");
    myswiper_product2.slideto(targer_index, 1000, false);
    $('.index_product3_sw_text1_'+targer_index).addclass('action');
  });

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