$(document).on("scroll", function () {
  const 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(selector) {
  const today = new Date();
  const popup = $(selector);
  const popupList = popup.find(".popup-list");
  const hideUntil = localStorage.getItem("hidePopupUntil");
  // slick ½½¶óÀÌ´õ ÃʱâÈ­
  popupList.slick({
    speed: 500,
    prevArrow: "",
    nextArrow: "",
    autoplay: true,
    infinite: true,
    draggable: true,
    autoplaySpeed: 4000,
  });
  // ½½¶óÀÌµå ¹øÈ£ ¾÷µ¥ÀÌÆ® ÇÔ¼ö
  popupList.on("afterChange", (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.slick("slickGoTo", 0);
  // "¿À´Ã ÇÏ·ç º¸Áö ¾Ê±â" ±â´É
  if (hideUntil && new Date(hideUntil) > today) {
    popup.addClass("dpnone");
  }
  popup.find(".close-today").on("click", function () {
    const tomorrow = new Date();
    tomorrow.setDate(today.getDate() + 1);
    localStorage.setItem("hidePopupUntil", tomorrow.toISOString());
    popup.addClass("dpnone");
  });
  popup.find(".close").on("click", function () {
    popup.addClass("dpnone");
  });
}