$(function () {
  $(".main-visual-slide").each(function () {
    var $visualSlide = $(this);
    var $visualSlideItem = $(this).find(".main-visual-item");
    var visualNum = $visualSlideItem.length;
    var $visualControls = $(".main-visual-controls");

    $visualControls.find(".paging-controls .total").text("0" + visualNum);

    $visualSlide.on("init", function (event, slick) {
      $(".progress-bar").addClass("active");
    });

    $visualSlide.on("beforeChange", function (event, slick, currentSlide, nextSlide) {
      $visualControls.find(".paging-controls .cur").text("0" + (nextSlide + 1));
      $(".progress-bar").removeClass("active");
    });

    $visualSlide.on("afterChange", function (event, slick, currentSlide, nextSlide) {
      $(".progress-bar").addClass("active");
    });

    $visualSlide.slick({
      slidesToShow: 1,
      fade: true,
      autoplay: true,
      infinity: true,
      speed: 1000,
      dots: false,
      arrows: false,
    });
  });

  /* MAIN PRODUCT SLIDE : NOT OUTPUT */
  $(".main-product-list").each(function () {
    var $productSlide = $(this);

    $productSlide.slick({
      slidesToShow: 1,
      infinity: true,
      speed: 1000,
      dots: false,
      arrows: true,
      responsive: [
        {
          breakpoint: 1240,
          settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false,
          },
        },
        {
          breakpoint: 650,
          settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false,
          },
        },
      ],
    });
  });
});