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

  hisSwiper: function (tar) {
    if (tar && tar.length != 0) {
      var mySwiper = new Swiper('.his-swiper', {
        direction: 'vertical', // 垂直切换选项
        slidesPerView: 6,
        loop: false, // 循环模式选项
      });
      var num = 0;
      var parentOffset = $(".honorListBox_in").offset().top;
      $(".wdzHonor_in .honorListBox_item").each(function (index) {
        $(".wdzHonor_in .honorListBox_item").eq(index).attr("data-offset", ($(".wdzHonor_in .honorListBox_item").eq(index).offset()).top - parentOffset);
        $(".his-swiper .age").eq(index).attr("data-offset", ($(".wdzHonor_in .honorListBox_item").eq(index).offset()).top-parentOffset);
      });

      var scrollTop = $(".honorListBox_in").scrollTop(),
        curDom = $(".wdzHonor_in .honorListBox_item");

      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;
        }
      }

      $(".honorListBox_in").scroll(function (event) {
        var scrollTop = $(".honorListBox_in").scrollTop(),
          curDom = $(".wdzHonor_in .honorListBox_item");
        for (let i = 0; i < curDom.length; i++) {
          if (scrollTop > curDom.eq(i).attr("data-offset") - 250) {
            curDom.removeClass("active").eq(i).addClass("active")
            $(".his-swiper .age").removeClass("age-sel");
            $(".his-swiper .age").eq(i).addClass("age-sel");
            mySwiper.slideTo(i);
            num = i;
          }
        }
      });
      // var honorListBoxScrollFn = function () {
      //   var scrollTop = $(".honorListBox_in").scrollTop(),
      //     curDom = $(".wdzHonor_in .honorListBox_item");
      //     console.log("scroll22222", scrollTop)
      //   for (let i = 0; i < curDom.length; i++) {
      //     if (scrollTop > curDom.eq(i).attr("data-offset") - 250) {
      //       curDom.removeClass("active").eq(i).addClass("active")
      //       $(".his-swiper .age").removeClass("age-sel");
      //       $(".his-swiper .age").eq(i).addClass("age-sel");
      //       mySwiper.slideTo(i);
      //       num = i;
      //     }
      //   }
      // }
      // $(".honorListBox_in").on('scroll', tools._debounce(honorListBoxScrollFn, 200))
      $(".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;
          $(".honorListBox_in").stop().animate({
            scrollTop: $(this).attr("data-offset")
          });
        });
      });


      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).trigger("click");
        $(".his-swiper .age").eq(num).click()
        // setTimeout(function () {
        //   $(".his-swiper .age").eq(num).addClass("age-sel");
        // }, 100);
      });
      $(".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).trigger("click");
        $(".his-swiper .age").eq(num).click()
        // setTimeout(function () {
        //   $(".his-swiper .age").eq(num).addClass("age-sel");
        // }, 100);
        
      });


      $(".wdzHonor_in .pic-honorListBox_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() {
  CU.hisSwiper($(".his-swiper"));
}
$(function () {
  cuInit();
});