$(document).on("scroll", function () {
  var scroll = $(this).scrollTop();
  if (scroll >= 150) {
    $("#popUp").css("margin-left", "-800px");
    $("#plus").css("margin-left", "0px");
  }
});
$("#plus").on("click", function () {
  $("#popUp").css("margin-left", "0px");
  $("#plus").css("margin-left", "-800px");
});
$("#close").on("click", function () {
  $("#popUp").css("margin-left", "-800px");
  $("#plus").css("margin-left", "0px");
});


// ½½¶óÀÌ´õ ÃʱâÈ­¸¦ À§ÇÑ °øÅë ÇÔ¼ö
function initPopup(popupSelector) {
  const currentDate = new Date();
  const popup = $(popupSelector);
  const popupList = popup.find(".popup-list");
  const hideUntil = localStorage.getItem("hidePopupUntil");
  // slick ½½¶óÀÌ´õ ÃʱâÈ­
  popupList.slick({
    fade: false,
    slidesToShow: 1,
    draggable: true,
    speed: 500,
    lazyLoad: "ondemand",
    autoplay: true,
    infinite: true,
    dots: false,
    autoplaySpeed: 4000,
    pauseOnFocus: false,
    pauseOnHover: false,
    pauseOnDotsHover: false,
    pauseOnArrowsHover: false,
    prevArrow: "",
    nextArrow: "",
  });
  // ½½¶óÀÌµå ¹øÈ£ ¾÷µ¥ÀÌÆ® ÇÔ¼ö
  const updatePagination = (event, slick, currentSlide) => {
    const current = (currentSlide || 0) + 1;
    const total = slick.slideCount;
    popup
      .find(".slider-pagination")
      .html(
        (current < 10 ? current : current) + "/" + (total < 10 ? total : total)
      );
  };
  popupList.on("init", updatePagination);
  popupList.on("afterChange", updatePagination);
  popupList.slick("slickGoTo", 0);
  // "¿À´Ã ÇÏ·ç º¸Áö ¾Ê±â" ±â´É
  if (hideUntil && new Date(hideUntil) > currentDate) {
    popup.addClass("dpnone"); // CSS¿¡¼­ .dpnone { display: none; } µîÀ¸·Î ó¸®
  }
  popup.find(".close-today").on("click", function () {
    const tomorrow = new Date();
    tomorrow.setDate(currentDate.getDate() + 1);
    localStorage.setItem(hidePopupKey, tomorrow.toISOString());
    popup.addClass("dpnone");
  });
  popup.find(".close").on("click", function () {
    popup.addClass("dpnone");
  });
}