var timer;
function loading() {
timer = setTimeout(showPage, 2000);
}
function showPage() {
document.getElementById("loading").style.display = "none";
document.getElementById("spacer").style.display = "none";
document.getElementById("show").style.display = "block";
}

var countDownDate = 1739145600 * 1000;
var now = 1747633985 * 1000;
var x = setInterval(function() {
    now = now + 1000;
    var distance = countDownDate - now;
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    document.getElementById("count").innerHTML = days + "d " + hours + "h " + minutes + "m "; //+ seconds + "s "
    if (distance < 0) {
        clearInterval(x);
        document.getElementById("count").innerHTML = "COMPLETED";
    }
}, 1000);

/*
let slideIndex = 0;
showSlides();

function showSlides() {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";  
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}    
for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";  
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 10000); // Change image every # seconds
}
*/

window.addEventListener("load", function () {
    setTimeout(function open(event) {
        document.querySelector(".pop").style.display = "block";
    }, 4000);

    document.querySelector("#close").addEventListener("click", function () {
        document.querySelector(".pop").style.display = "none";
    });
});