$(document).ready(function(){

/*slick 공통*/
$('.pause').click(function() {
    $(this).siblings("div").slick('slickPause');
    $(this).siblings("ul").slick('slickPause');
    $(this).hide();
    $(this).siblings(".play").show();
});
$('.play').click(function() {
    $(this).siblings("div").slick('slickPlay');
    $(this).siblings("ul").slick('slickPlay');
    $(this).hide();
    $(this).siblings('.pause').show();
});

 
 

/*알림창*/
$('.popup_li').slick({
   //rows:2,
   //slidesPerRow:2,
   slidesToShow:5,
   arrows:true,
   autoplay: true,
   autoplaySpeed:5000,
   responsive: [
   {
   breakpoint: 1000, //화면 사이즈 960px
   settings: {
       slidesToShow:2
     }
   },
 
   {
   breakpoint: 481, //화면 사이즈 960px
   settings: {
       slidesToShow:1
     }
   }
  ]
});

});

$(function () {
  value();

function value() {
  $(".value_section .con_box li").on("mouseenter", function () {
    $(".value_section .con_box li").removeClass('active');
    $(this).addClass('active');
  });

  $(".value_section .con_box li").each(function (index, item) {
    var bg_num = index + 1;
    $(item).on("mouseenter", function () {
      $(".value_img .bg_box").removeClass("active");
      $(".value_img .bg_box_0" + bg_num).addClass("active");
      $(".value_section .tab_box .tabMenu li").removeClass("active");
      $(".value_section .tab_box .tabMenu .tab_menu_0" + bg_num).addClass("active");
    });
  });

  $(".value_section .tab_box .tabMenu li").click(function () {
    var activeTab = $(this).attr("data-tabNumb");
    $(".value_section .tab_box .tabMenu li").removeClass("active");
    $(this).addClass("active");
    $(".value_section .con_box li").removeClass("active");
    $("#" + activeTab).addClass("active");
    $(".value_img .bg_box").removeClass("active");
    $("#" + activeTab + "_bg").addClass("active");
  });
}

});





document.addEventListener('DOMContentLoaded', () => {
  const cursor = document.getElementById('custom_cursor');
  const valueSection = document.querySelector('.value_section'); // 대상 섹션 선택
  
  let mouseX = 0, mouseY = 0;
  let currentX = 0, currentY = 0;
  const speed = 0.1;

  document.addEventListener('mousemove', (e) => {
    mouseX = e.clientX;
    mouseY = e.clientY;
  });

  // --- 추가된 로직: 섹션 진입 감지 ---
  if (valueSection) {
    valueSection.addEventListener('mouseenter', () => {
      cursor.classList.add('img_mode'); // 클래스 추가
    });
    valueSection.addEventListener('mouseleave', () => {
      cursor.classList.remove('img_mode'); // 클래스 제거
    });
  }
  // --------------------------------

  function animate() {
    currentX += (mouseX - currentX) * speed;
    currentY += (mouseY - currentY) * speed;
    cursor.style.left = `${currentX}px`;
    cursor.style.top = `${currentY}px`;
    requestAnimationFrame(animate);
  }

  animate();
});