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

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

    $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: true,
      fade: true,
      arrows: true,
      prevArrow: ".main-visual-controls .prev-btn",
      nextArrow: ".main-visual-controls .next-btn",
    });

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



  let currentIdx = 0;
  $(".main-prd-controls").find("button").click(function () {
    
  })


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

    $companySlide.slick({
      slidesToShow: 1,
      infinity: true,
      speed: 1000,
      dots: true,
      fade: true,
      arrows: true,
      prevArrow: ".main-prd-controls .prev",
      nextArrow: ".main-prd-controls .next",
      customPaging: function (slider, i) {
        var title = $(slider.$slides[i]).data('title')



				return  '<strong>'+title+'</strong>';


			},
      responsive: [
        {
          breakpoint: 1240,
          settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false,
          },
        },
        {
          breakpoint: 650,
          settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false,
          },
        },
      ],
    });
  });
});