var modalOverlay = document.getElementById("modal-overlay");
var modal1 = document.getElementById("myModal");
var modal2 = document.getElementById("activate");
var span1 = document.getElementsByClassName("close")[0];
var span2 = document.getElementsByClassName("close")[1];

window.addEventListener("load", function () {
    document.getElementById("block").style.display = "none";
});
span1.onclick = function () {
    modalOverlay.classList.add("closed");
    modal2.classList.add("closed");
}

// span2.onclick = function () {
//     modalOverlay.classList.add("closed");
//     modal2.classList.add("closed");
// }


window.onclick = function(event) {
    if (event.target == modalOverlay) {
        modalOverlay.classList.add("closed");
        // modal1.classList.add("closed");
        modal2.classList.add("closed");
    }
}

function showModules() {
    modal1.classList.remove("closed");
    modalOverlay.classList.remove("closed");
}

function activateModule(id) {
    var url = id.getElementsByTagName("img")[0].src;
    document.getElementById("updateMe").src = url;
    modal2.classList.remove("closed");
    modalOverlay.classList.remove("closed");
}