async function openModalInsert() {
    document.getElementById("insertData").classList.add("visibilityVisible");
    await sleep(100);
    document.getElementById("insertData").classList.add("backgroundYES");
    document.getElementById("body").classList.add("disableScrollbar");
    await sleep(200);
    try {document.getElementById("insertWindow").classList.add("visibilityVisible");} catch (e) {}
}

async function closeModalInsert() {
    try {document.getElementById("insertWindow").classList.remove("visibilityVisible");} catch (e) {}
    await sleep(200);
    try {document.getElementById("insertData").classList.remove("visibilityVisible");} catch (e) {}
    try {document.getElementById("insertData").classList.remove("backgroundYES");} catch (e) {}
    try {document.getElementById("insertData").style = "";} catch (e) {}
    document.getElementById("body").classList.remove("disableScrollbar");
}

async function openModal() {
    document.getElementById("previewProduct").classList.add("visibilityVisible");
    await sleep(100);
    document.getElementById("previewProduct").classList.add("backgroundYES");
    document.getElementById("body").classList.add("disableScrollbar");
    
}

async function openProduct() {
    document.getElementById("previewProduct").style = "top:" + (document.body.scrollTop) + "px;";
    await sleep(400);
    document.getElementById("productPage").classList.add("visibilityVisible");
    await sleep(200);
    try {
        document.getElementsByClassName("slide")[0].style.display = "block";
    } catch (e) {}
}

async function closeModal() {
    document.getElementById("productPage").classList.remove("visibilityVisible");
    await sleep(200);
    document.getElementById("previewProduct").classList.remove("visibilityVisible");
    document.getElementById("previewProduct").classList.remove("backgroundYES");
    document.getElementById("previewProduct").style = "";
    document.getElementById("body").classList.remove("disableScrollbar");
    
    document.getElementById("productLoading").style = "display: flex;";
}

function clearModal() {
    document.getElementById("productImageContainer").innerHTML = "";
    document.getElementById("productDescription").innerHTML = "";
    document.getElementById("containsSection").innerHTML = "";
    document.getElementById("gotoproduct").style = "";
    document.getElementById("purchasePrice").innerHTML = "";
    document.getElementById("creatorImg").src = "";
    document.getElementById("creatorName").innerHTML = "";
    document.getElementById("ratingSection").style = "";

    document.getElementById("productImageContainer").style = "";
    document.getElementById("productImageContainerButtons").style = "";
    document.getElementById("productMetaData").style = "";

    data = "";
}

function backback() {
    var tmp = window.scrollY;
    window.location = "#";
    window.scrollTo(0, tmp);
}