var productIframe = document.getElementById("productIframe");
var productLogo = document.getElementById("productLogo");
var productCross = document.getElementById("productCross");
var productRoot = document.getElementById("productRoot");
var productLoading = document.getElementById("productLoading");
var productMenu = document.getElementById("productMenu");
var productSideInfo = document.getElementById("productSideInfo");
var productShowcaseBusy, juicyDelay = false;
$(document).ready(function () {
    productIframe = document.getElementById("productIframe");
    $(productCross).click(function () { exitProductShowcase(); });
    $(productSideMenuCross).click(function () { closeProductSideMenu(); });
});

function loadProduct(id) {
    if(id=="")
        return;
    if (productIframe && !productShowcaseBusy) {
        productShowcaseBusy = true;
        juicyDelay = true;
        productLogo.src="/textures/product/"+id+".png";
        productIframe.src = "/products/"+id+"/index.html";
        setTimeout(function () {
            juicyDelay = false;
            productRoot?.classList.remove('inactiveProduct');
            productCross?.classList.remove('inactiveProduct');
        }, 1600);
    }
}

function productLoaded() {
    if (productIframe) {
        if (juicyDelay) {
            var juiceInterval = setInterval(function () {
                if (!juicyDelay) {
                    clearInterval(juiceInterval);
                    productLoaded();
                }
            }, 100);
        } else{
            productLogo?.classList.remove('inactiveProduct');
            productIframe.style.display = "block";
            productLoading.style.display = "none";
            if (productIframe.contentWindow)
                productIframe.contentWindow.showProduct();
        }
    }
}

function exitProductShowcase() {
    if (!productLogo.classList.contains('inactiveProduct'))
        productLogo?.classList.add('inactiveProduct');
    if (!productCross.classList.contains('inactiveProduct'))
        productCross?.classList.add('inactiveProduct');
    if (!productRoot.classList.contains('inactiveProduct'))
        productRoot?.classList.add('inactiveProduct');
    setTimeout(function () {
        productLoading.style.display = "block";
        productIframe.style.display = "none";
        productIframe.src = "";
        productShowcaseBusy = false;
    }, 500);
}

function productHotspotMsg(msg) {
    if(productSideInfo)
        productSideInfo.src="textures/product/sides/"+msg+".png"
    if (!productMenu.classList.contains('productMenuActive'))
        productMenu?.classList.add('productMenuActive');

    if (!productIframe.classList.contains('productSideMenuActive'))
        productIframe?.classList.add('productSideMenuActive');
}

function closeProductSideMenu() {
    if (productMenu.classList.contains('productMenuActive'))
        productMenu?.classList.remove('productMenuActive');

    if (productIframe.classList.contains('productSideMenuActive'))
        productIframe?.classList.remove('productSideMenuActive');
}