var $w = $(window).width();
var CU = {


  hisSwiper: function (tar, direction) {
    if (tar && tar.length != 0) {
      var mySwiper = new Swiper('.his-swiper', {
        direction: direction || 'vertical', // 垂直切换选项
        slidesPerView: 7,
        loop: false, // 循环模式选项
      });

      var num = 0;
      var offset = 350
      var leftOffset = 500
      $(".ejHistory .item").each(function (index) {
        $(".ejHistory .item").eq(index).attr("data-offset", ($(".ejHistory .item").eq(index).offset()).top);
        $(".his-swiper .age").eq(index).attr("data-offset", ($(".ejHistory .item").eq(index).offset()).top);
      });

      var bannerH = $(".ybBanner").height() + 400;

      var scrollTop = $(document).scrollTop(),
        curDom = $(".ejHistory .item"),
        offsetHeight = $(document).height(),
        winH = $(window).height();
      if (scrollTop >= bannerH && (scrollTop + winH + 500) < offsetHeight) {
        $(".ejHistory .left-pic").css("position", "fixed");
      } else {
        $(".ejHistory .left-pic").css("position", "absolute");
      }



      for (let i = 0; i < curDom.length; i++) {
        if (scrollTop > curDom.eq(i).attr("data-offset") - 250) {
          $(".his-swiper .age").removeClass("age-sel");
          $(".his-swiper .age").eq(i).addClass("age-sel");
          mySwiper.slideTo(i);
          num = i;
        }
      }



      $(window).scroll(function (event) {
        if ($(".ybBanner").hasClass("bannerView")) {
          offset = 400 - $(".bannerView").height()
          leftOffset = 400 - $(".bannerView").height()
        }

        bannerH = $(".ybBanner").height() + 400;
        console.log("bannerH", bannerH, offset)
        var scrollTop = $(document).scrollTop(),
          curDom = $(".ejHistory .item");
        if (scrollTop >= bannerH && (scrollTop + winH + leftOffset) < offsetHeight) {
          $(".ejHistory .left-pic").css("position", "fixed");
        } else {
          $(".ejHistory .left-pic").css("position", "absolute");
        }


        for (let i = 0; i < curDom.length; i++) {
          if (scrollTop > curDom.eq(i).attr("data-offset") - offset) {
            curDom.removeClass("active").eq(i).addClass("active")
            $(".his-swiper .age").removeClass("age-sel");
            $(".his-swiper .age").eq(i).addClass("age-sel");
            mySwiper.slideTo(i);
          }
        }
      });
      $(".his-swiper .age").each(function (index) {
        $(this).on("click", function () {
          curDom.removeClass("active").eq(index).addClass("active")
          $(".his-swiper .age").removeClass("age-sel");
          $(".his-swiper .age").eq(index).addClass("age-sel");
          mySwiper.slideTo(index);
          num = index;
          $("body,html").stop().animate({
            scrollTop: $(this).attr("data-offset") - 140
          });
        });
      });


      var a = $(".his-swiper .age");
      $(".his-swiper .age").removeClass("age-sel");
      $(".his-swiper .age").eq(num).addClass("age-sel");
      if (num == 0) {
        $(".swiper-his-prev").addClass("his-dis");
      }

      $(".swiper-his-prev").on("click", function () {

        $(".swiper-his-next").removeClass("his-dis");
        if (num <= 0) {
          num = 0;
          $(".swiper-his-prev").addClass("his-dis");
          mySwiper.slideTo(0);
          return false;
        } else {
          if (num == 1) {
            $(".swiper-his-prev").addClass("bb-dis");
          }
          mySwiper.slidePrev();
        }
        num--;
        $(".his-swiper .age").removeClass("age-sel");
        $(".his-swiper .age").eq(num).addClass("age-sel");
        $(".his-swiper .age").eq(num).trigger("click");

      });
      $(".swiper-his-next").on("click", function () {

        $(".swiper-his-prev").removeClass("his-dis");


        if (num >= $(".his-swiper .age").length - 1) {
          $(".swiper-his-next").addClass("his-dis");
          return false;
        } else {
          if (num >= $(".his-swiper .age").length - 2) {
            $(".swiper-his-next").addClass("his-dis");
          }
          mySwiper.slideNext();
        }
        num++;
        $(".his-swiper .age").removeClass("age-sel");
        $(".his-swiper .age").eq(num).addClass("age-sel");
        $(".his-swiper .age").eq(num).trigger("click");
      });


      $(".ejHistory .pic-item").on("click", function () {

        $(".fj-mask,.fj-swiper-open").show();

        var mySwiper4 = new Swiper('.fj-swiper-open-main', {
          loop: false,
          effect: 'fade',
          fadeEffect: {
            crossFade: true,
          },
          on: {},
          pagination: {
            el: '.swiper-wh-pagination',
            type: 'fraction'
          },

        });

        var slides = ($(this).find(".swiper-slide")).clone();
        mySwiper4.removeAllSlides();
        mySwiper4.appendSlide(slides);

        $(".swiper-open-next").on("click", function () {
          mySwiper4.slideNext();
        });

        $(".swiper-open-prev").on("click", function () {
          mySwiper4.slidePrev();
        });


      });

      $(".fj-open-close,.fj-mask").on("click", function () {
        $(".fj-mask,.fj-swiper-open").hide();
      });


    }
  }


}


function cuInit(direction) {
  CU.hisSwiper($(".his-swiper"), direction);
}