$(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(visualNum);

    $visualSlide.on("init", function (event, slick) {
      $(".main-visual-item").eq(0).addClass("active");
      $(".main-visual-con .slick-dots").find("li").eq(0).addClass("active-item");
    });

    $visualSlide.on("beforeChange", function (event, slick, currentSlide, nextSlide) {
      $(".main-visual-item").eq(nextSlide).addClass("active");

    });

    $visualSlide.slick({
      slidesToShow: 1,
      autoplay: true,
      infinity: true,
      speed: 1000,
      dots: false,
      fade: true,
      arrows: false,
      prevArrow: ".main-visual-controls .prev-btn",
      nextArrow: ".main-visual-controls .next-btn",
    });

    $(".main-visual-pause-btn").click(function () {
      $visualSlide.slick("slickPause");
      $(this).hide();
      $(".main-visual-play-btn").show();
    });
    $(".main-visual-play-btn").click(function () {
      $visualSlide.slick("slickPlay");
      $(this).hide();
      $(".main-visual-pause-btn").show();
    });
  });

  /* MAIN PRODUCT SLIDE : NOT OUTPUT */
  $(".main-company-slide").each(function () {
    var $companySlide = $(this);

    $companySlide.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,
          },
        },
      ],
    });
  });
});