"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,
    },
    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": "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,
    slidespercolumn: 2,
    slidespercolumnfill: 'row',
    spacebetween: 20,
    breakpoints: {
      1024: {
        slidesperview: 3,
      },
      768: {
        slidesperview: 3,
      },
      640: {
        slidesperview: 2,
      },
      320: {
        slidesperview: 2,
      }
    }
  })
  //产品1
  //产品1
  var index_product3_sw = new swiper('#index_product3_sw', {
    spacebetween: 10,
  })
  $('.index_product1_left_nav a').each(function(e){
    if(e < $('.index_product1_left_nav a').length - 1){
      $(this).attr("data-index",e)
    }
  })
  $('.index_product1_left_nav_item').hover(function (e) {
    var targer_index = e.target.dataset['index'];
    index_product3_sw.slideto(targer_index, 1000, false);
  })
  $('a').attr('target','_blank');

  //产品2
  var myswiper_product2 = new swiper('#index_product2_sw', {
    autoplay: true,
    autoplay: {
      disableoninteraction: false,
    },
    watchslidesvisibility: true,
    slidesperview: 4,
    spacebetween: 20,
    breakpoints: {
      1024: {
        slidesperview: 4,
      },
      768: {
        slidesperview: 3,
      },
      640: {
        slidesperview: 2,
      },
      320: {
        slidesperview: 2,
      }
    },
    navigation: {
      nextel: '.swiper_button_next_product',
      prevel: '.swiper_button_prev_product',
    },
  })
  //产品2

  //产品3
  var index_product3_sw_text = new swiper('#index_product3_sw_text', {
    slidesperview: 4,
    watchslidesvisibility: true,
    breakpoints: {
      1024: {
        slidesperview: 4,
      },
      768: {
        slidesperview: 4,
      },
      640: {
        slidesperview: 2,
      },
      320: {
        slidesperview: 2,
      }
    },
  })


  var myswiper_product2 = new swiper('.index_product3_sw_item', {
    autoplay: true,
    autoplay: {
      disableoninteraction: false,
    },
    watchslidesvisibility: true,
    slidesperview: 4,
    slidespercolumn: 2,
    slidespercolumnfill: 'row',
    spacebetween: 20,
    breakpoints: {
      1024: {
        slidesperview: 4,
      },
      768: {
        slidesperview: 2,
      },
      640: {
        slidesperview: 2,
      },
      320: {
        slidesperview: 2,
      }
    },

  })
  //产品3
  $('.clearfix iframe').css('height', $('.clearfix iframe').width() * 0.56);


}());