document.addEventListener("DOMContentLoaded", function() {
    // ÇöÀç ½Ã°£
    var now = new Date();
    var year = String(now.getFullYear());
    var mon = (now.getMonth() + 1).toString().padStart(2, '0');
    var day = now.getDate().toString().padStart(2, '0');
    var hour = now.getHours().toString().padStart(2, '0');
    var min = now.getMinutes().toString().padStart(2, '0');
    var thisTime = year + mon + day + hour + min;


    var cookieCk = [];
    var layerName = [];
    var layerIndex = [];


    var popups = document.querySelectorAll("#layerPopup [class^='pop']");


    popups.forEach(function(popup, idx) {
        // ·¹ÀÌ¾î ¼¼ÆÃ
        layerName[idx] = popup.getAttribute("class");
        layerIndex[idx] = parseInt(popup.getAttribute("data-zIndex"), 10);


        popup.style.zIndex = layerIndex[idx];
        popup.style.top = popup.getAttribute("data-top") + "px";
        popup.style.left = popup.getAttribute("data-left") + "px";
        popup.style.width = (parseInt(popup.getAttribute("data-width"), 10) + 2) + "px";


        // ÄíÅ° üũ
        var cookieValue = document.cookie.split('; ').find(row => row.startsWith(layerName[idx] + '='));
        cookieCk[idx] = cookieValue ? cookieValue.split('=')[1] : null;


        if (cookieCk[idx] !== "ck") {
            var openTime = popup.getAttribute("data-open");
            var closeTime = popup.getAttribute("data-close");


            if (openTime && closeTime) {
                if (Number(thisTime) >= Number(openTime) && Number(thisTime) < Number(closeTime)) {
                    popup.style.display = "block";
                }
            } else if (!openTime && closeTime) {
                if (Number(thisTime) < Number(closeTime)) {
                    popup.style.display = "block";
                }
            } else {
                popup.style.display = "block";
            }
        }
    });


    popups.forEach(function(popup) {
        popup.addEventListener("mousedown", function() {
            popups.forEach(function(innerPopup, idx) {
                innerPopup.style.zIndex = layerIndex[idx];
            });
            popup.style.zIndex = parseInt(popup.getAttribute("data-zIndex"), 10) + 1000000;
        });


        var todayBtn = popup.querySelector(".layerToday");
        if (todayBtn) {
            todayBtn.addEventListener("click", function() {
                var popupClass = popup.getAttribute("class");
                document.cookie = popupClass + "=ck; path=/; expires=" + new Date(new Date().getTime() + 24 * 60 * 60 * 1000).toUTCString();
                popup.style.display = "none";
            });
        }


        var closeBtn = popup.querySelector(".layerClose");
        if (closeBtn) {
            closeBtn.addEventListener("click", function() {
                popup.style.display = "none";
            });
        }
    });
});