/**
 * Created by wangzhiwei on 2018/10/26.
 */

function initBannerScroll() {
  var bannerContainer, ceoPagination;
  function initCeoPagination() {
    var len =
      $(".banner-container .swiper-slide").length -
      bannerContainer.loopedSlides * 2;
    var navNumSlides = "";
    for (var i = 0; i < len; i++) {
      var ni = i + 1 < 10 ? "0" + (i + 1) : i + 1;
      navNumSlides +=
        '<div class="swiper-slide"><span class="num">' + ni + "</span></div>";
    }
    $(".ceo-pagination-container .swiper-wrapper").html(navNumSlides);
  }
  if ($(".banner-container").length) {
    bannerContainer = new Swiper(".banner-container", {
      watchOverflow: true,
      parallax: true,
      mousewheel: true,
      speed: 1000,
      loop: true,
      preloadImages: false,
      loopedSlides: 5,
      // updateOnImagesReady: true,
      autoplay: {
        delay: 5000,
      },
      effect: "fade",
      fadeEffect: {
        crossFade: true,
      },
      // autoHeight: true,
      pagination: {
        el: ".swiper-pagination", //自动隐藏
        clickable: true,
        // type: "custom",
        // renderCustom: function(swiper, current, total) {
        //     return current + " / " + total;
        // },
      },
      navigation: {
        nextEl: ".swiper-button-next", //自动隐藏
        prevEl: ".swiper-button-prev", //自动隐藏
      },
      on: {
        init: function () {
          /*   frontVideo.play();
                                frontVideo.addEventListener("ended", function () {
                                    $("body").addClass("slide-in");
                                })*/
        },
      },
    });

    initCeoPagination();
    ceoPagination = new Swiper(".ceo-pagination-container", {
      speed: 1000,
      loop: true,
      mousewheel: true,

      direction: "vertical",
      slidesPerView: 3,
      loopedSlides: 5,
      // autoplay: true,
      centeredSlides: true,
      centeredSlidesBounds: true,
    });
  }
  if ($(".ceo-pagination-container").length) {
    bannerContainer.controller.control = ceoPagination; //Swiper1控制Swiper2，需要在Swiper2初始化后
    ceoPagination.controller.control = bannerContainer; //Swiper2控制Swiper1，需要在Swiper1初始化后
  }
}

$(function () {
  // if ($(".open-screen").length) {
  //   initFullScreen()
  // }
  var clear1, clear2;

  function closeOpenScreen() {
    $(".open-screen").addClass("hide");
    clear2 = setTimeout(function () {
      $("body").removeClass("fixed");
      initBannerScroll();
      clearTimeout(clear2);
    }, 500);
  }
  if ($("body").hasClass("fixed")) {
    clear1 = setTimeout(function () {
      closeOpenScreen();
    }, 10000);
    // document
    //   .getElementById("openScreenVideo")
    //   .addEventListener("canplaythrough", function () {});
  }

  $(".open-screen .scroll-down").click(function () {
    clearTimeout(clear1);

    closeOpenScreen();
  });

  $("body.fixed .open-screen").bind("mousewheel", function (event, delta) {
    clearTimeout(clear1);
    closeOpenScreen();
  });

  if ($(".group-swiper").length) {
    var len = $(".group-swiper .swiper-wrapper .swiper-slide").length;
    if ($(window).width() > 1023) {
      if (len % 8 !== 0) {
        var spaceSlide = "";
        for (var i = 0; i < 8 - (len % 8); i++) {
          spaceSlide += '<div class="swiper-slide">&nbsp;</div>';
        }
        $(".group-swiper .swiper-wrapper").append(spaceSlide);
      }
    }

    var publicBanner = new Swiper(".group-swiper", {
      watchOverflow: true,
      // speed: 1000,
      slidesPerView: 4,
      slidesPerGroup: 4,
      slidesPerColumn: 2, //显示2行
      // slidesPerColumnFill: "row",
      spaceBetween: 25,
      breakpoints: {
        414: {
          //当屏幕宽度大于等于414
          slidesPerView: 2,
          slidesPerGroup: 2,
          spaceBetween: 15,
        },
        768: {
          //当屏幕宽度大于等于768
          slidesPerView: 3,
          slidesPerGroup: 3,
          spaceBetween: 15,
        },
      },
      // loop: true,
      // loopedSlides: 10,
      // loopFillGroupWithBlank: true,
      // pagination: {
      //     el: ".swiper-pagination",
      //     type: "fraction",
      // },
      navigation: {
        nextEl: ".front-second .swiper-button-next",
        prevEl: ".front-second .swiper-button-prev",
      },
    });
  }
});