window.openApps = {
    bits: () => {
        document.body.style.pointerEvents = "none";
        document.getElementById("app-view").classList.add("open");
        document.getElementById("app-view").classList.remove("closed");
        document.getElementById("app-name").innerText = "Bits";
        document.getElementById("app-icon").src = "icons/bits.svg";
        document.getElementById("app-iframe").src = "bits/index.html";
        document.getElementById("app-header").classList.add("no-border");
        setTimeout(() => {
            document.body.style.pointerEvents = "initial";
        }, 500);
    },
    fronters: () => {
        document.body.style.pointerEvents = "none";
        document.getElementById("app-name").innerText = "Fronters";
        document.getElementById("app-icon").src = "icons/fronters.svg";
        document.getElementById("app-view").classList.add("open");
        document.getElementById("app-view").classList.remove("closed");
        document.getElementById("app-iframe").src = "fronters/index.html";
        document.getElementById("app-header").classList.remove("no-border");
        setTimeout(() => {
            document.body.style.pointerEvents = "initial";
        }, 500);
    },
    emergency: () => {
        document.body.style.pointerEvents = "none";
        document.getElementById("app-name").innerText = "Emergency";
        document.getElementById("app-icon").src = "icons/emergency.svg";
        document.getElementById("app-view").classList.add("open");
        document.getElementById("app-view").classList.remove("closed");
        document.getElementById("app-iframe").src = "emergency/index.php";
        document.getElementById("app-header").classList.remove("no-border");
        setTimeout(() => {
            document.body.style.pointerEvents = "initial";
        }, 500);
    },
    planner: () => {
        document.body.style.pointerEvents = "none";
        document.getElementById("app-name").innerText = "Planner";
        document.getElementById("app-icon").src = "icons/planner.svg";
        document.getElementById("app-view").classList.add("open");
        document.getElementById("app-view").classList.remove("closed");
        document.getElementById("app-iframe").src = "planner/index.php";
        document.getElementById("app-header").classList.remove("no-border");
        setTimeout(() => {
            document.body.style.pointerEvents = "initial";
        }, 500);
    },
}

function closeApp() {
    document.body.style.pointerEvents = "none";
    document.getElementById("app-view").classList.remove("open");
    document.getElementById("app-view").classList.add("closed");
    setTimeout(() => {
        document.body.style.pointerEvents = "initial";
        document.getElementById("app-header").classList.remove("no-border");
        document.getElementById("app-iframe").src = "about:blank";
    }, 500);
}