function recursive(i) {
  if (i < 10) {
    setTimeout(
      function () {
        $(".main-free-trial-righttri")
          .eq(i)
          .addClass(`righttrion${(i % 3) + 1}`);
        i++;
        recursive(i);
      },
      i == 0 ? 0 : 120
    );
  } else {
    for (let j = 0; j < 3; j++) {
      $(".main-free-trial-righttri").removeClass(`righttrion${j + 1}`);
    }
    recursive(0);
  }
}

//클릭시 슬라이드 변경
function changeslide(index) {
  mainAiSwiper.slideTo(index);
}

function monthDiff(d1, d2) {
  var months;
  months = (d2.getFullYear() - d1.getFullYear()) * 12;
  months -= d1.getMonth() + 1;
  months += d2.getMonth() + 1;
  return months;
}

$(document).ready(function () {
  var d = new Date();
  $("#year_month").html(d.getFullYear() + "년 " + (d.getMonth() + 1) + "월 ");
  var contents_cnt =
    3500 + monthDiff(new Date("March 1, 2020 00:00:00"), d) * 17;

  $("#contents_cnt").text(contents_cnt);
  $window = $(window);

  // 다음 섹션이 브라우저 하단으로부터 200px 만큼 보여질때
  var delayPosition = 200,
    // 현재 브라우저의 높이값
    windowheight;

  // 브라우저의 크기가 변하면 대상 엘리먼트의 위치값을 다시 할당
  $window.on("resize", function () {
    insertTargetPosition();
  });

  $window.on("scroll", function () {
    // 현재의 위치 = 스크롤이 이동한 값 + 윈도우 높이 - 처음에 선언한 지연 위치값(200);
    var position = $window.scrollTop() + windowheight - delayPosition;

    // 아직 활성화되지 않은 타겟 엘리먼트를 순회하여
    $(".ready").each(function () {
      // 활성화되어 있지 않고 타겟의 위차값이 현재 위치값보다 작으면
      if (!$(this).hasClass("active") && $(this).data("offsetTop") < position) {
        // // 활성화
        $(this).addClass("active");

        //숫자 카운팅
        if ($(".value-1").hasClass("active")) {
          $(".value-1").easy_number_animate({
            start_value: 0,
            end_value: $(".value-1").text(),

            duration: 2000,
            delimiter: ",",
          });
          $(".value-1").removeClass("active");
        }
        if ($(".value-2").hasClass("active")) {
          $(".value-2").easy_number_animate({
            start_value: 0,
            end_value: $(".value-2").text(),
            duration: 2000,
            delimiter: ",",
          });
          $(".value-2").removeClass("active");
        }
        if ($(".value-3").hasClass("active")) {
          $(".value-3").easy_number_animate({
            start_value: 0,
            end_value: $(".value-3").text(),
            duration: 2000,
            delimiter: ",",
          });
          $(".value-3").removeClass("active");
        }

        if ($("#main-free-trial").hasClass("active")) {
          recursive(0);
          $("#main-free-trial").removeClass("active");
        }

        // 활성화 된 엘리먼트는 이후 타겟에서 제외
        $(this).removeClass("ready");
      }
    });
  });

  function insertTargetPosition() {
    windowheight = $window.height(); // 브라우저의 높이값 할당
    $(".ready").each(function () {
      // 모든 대상 엘리먼트에
      $(this).data("offsetTop", $(this).offset().top); // 각자의 위치 값을 할당
    });
  }

  (function init() {
    insertTargetPosition();
  })();

  $(".content-confirm-button").on("click", function () {
    $(".loader-container").addClass("active");
  });

  $(".apply-button").on("click", function () {
    $(".loader-container").addClass("active");
  });
});

window.addEventListener("pagehide", function () {
  $(".loader-container").removeClass("active");
});