$(function () {
  if($(document).width() > 1024){
      ScollText($(".modular1 .right .scroll-box"));
  }

  var swiper007 = new Swiper(".modular1 .swiper-container", {
    // nextButton: '.swiper-button-next',
    // prevButton: '.swiper-button-prev',
    slidesPerView: 7,
    direction: "vertical",
    spaceBetween: 0,
    breakpoints: {
      1024: {
        direction: "horizontal",
        slidesPerView: 6,
      },
      768: {
        direction: "horizontal",
        slidesPerView: 3,
      },
    },
  });
  $(document).on("click", ".modular1 .swiper-button-prev", function () {
    var index = $(".modular1 .left .swiper-slide.on").index();

    if (index > 0) {
      swiper007.slideTo(index - 1);
      $(".modular1 .left .swiper-slide.on")
        .removeClass("on")
        .prev()
        .addClass("on");

      $(".modular1 .right .item")
        .eq(index - 1)
        .addClass("on")
        .siblings()
        .removeClass("on");
      $(".modular1 .right").attr(
        "data-year",
        $(".modular1 .swiper-slide")
          .eq(index - 1)
          .text()
          .trim()
      );
    }
  });

  $(document).on("click", ".modular1 .swiper-button-next", function () {
    var index = $(".modular1 .left .swiper-slide.on").index();
    console.log(index);

    if (index < $(".modular1 .left .swiper-slide").length - 1 && index != -1) {
      swiper007.slideTo(index + 1);
      $(".modular1 .left .swiper-slide.on")
        .removeClass("on")
        .next()
        .addClass("on");

      $(".modular1 .right .item")
        .eq(index + 1)
        .addClass("on")
        .siblings()
        .removeClass("on");
      $(".modular1 .right").attr(
        "data-year",
        $(".modular1 .swiper-slide")
          .eq(index + 1)
          .text()
          .trim()
      );
    }
  });

  $(".modular1 .swiper-slide").append('<div class="tip"></div>');

  $(".modular1 .swiper-slide").hover(
    function () {
      $(this).addClass("on").siblings().removeClass("on");
      $(".modular1 .right .item")
        .eq($(this).index())
        .addClass("on")
        .siblings()
        .removeClass("on");
      $(".modular1 .right").attr("data-year", $(this).text().trim());
    },
    function () {}
  );

  $(".modular3 .swiper-slide").click(function () {
    $(this).addClass("on").siblings().removeClass("on");
    $(".modular3 .right .item")
      .eq($(this).index())
      .addClass("on")
      .siblings()
      .removeClass("on");
  });

  var ryswiper = new Swiper(".modular3 .swiper-container", {
    // nextButton: ".swiper-button-next",
    // prevButton: ".swiper-button-prev",
    slidesPerView: 7,
    spaceBetween: 0,
    breakpoints: {
      1024: {
        slidesPerView: 5,
      },
      768: {
        slidesPerView: 3,
      },
    },
  });

  $(document).on("click", ".modular3 .swiper-button-prev", function () {
    var index = $(".modular3 .left .swiper-slide.on").index();

    if (index > 0) {
      ryswiper.slideTo(index - 1);
      $(".modular3 .left .swiper-slide.on")
        .removeClass("on")
        .prev()
        .addClass("on");

      $(".modular3 .right .item")
        .eq(index - 1)
        .addClass("on")
        .siblings()
        .removeClass("on");
      $(".modular3 .right").attr(
        "data-year",
        $(".modular3 .swiper-slide")
          .eq(index - 1)
          .text()
          .trim()
      );
    }
  });

  $(document).on("click", ".modular3 .swiper-button-next", function () {
    var index = $(".modular3 .left .swiper-slide.on").index();
    console.log(index);

    if (index < $(".modular3 .left .swiper-slide").length - 1 && index != -1) {
      ryswiper.slideTo(index + 1);
      $(".modular3 .left .swiper-slide.on")
        .removeClass("on")
        .next()
        .addClass("on");

      $(".modular3 .right .item")
        .eq(index + 1)
        .addClass("on")
        .siblings()
        .removeClass("on");
      $(".modular3 .right").attr(
        "data-year",
        $(".modular3 .swiper-slide")
          .eq(index + 1)
          .text()
          .trim()
      );
    }
  });

  $(".tab span").click(function () {
    $(this).addClass("active").siblings().removeClass("active");
    $(".tab_item")
      .eq($(this).index())
      .addClass("active")
      .siblings()
      .removeClass("active");
  });

  if ($(".about_sec2 .num em").length > 0) {
    for (var i = 0; i < $(".about_sec2 .num em").length; i++) {
      new wormDigitalScroll({
        el: $(".about_sec2 .num em").get(i),
        time: 1000,
      });
    }
  }

  // ScrollText($(".modular2 .wrap .right"));
});