var extraFiltersExist = false;
$(document).ready(function () {
    loadFilters();
    refreshProducts();
    document.getElementById("contentContainer").style.display = "block";
    let SID = document.getElementById("SID").value;
    if ((SID != undefined) && (SID != "")) {
        let serverBasket = getBasket(SID);
        if ((serverBasket != undefined) && (serverBasket != null)) {
            basket = serverBasket;
        }
    }
    showBasketCount();
    showNavBarVisibility();
    window.addEventListener("resize", function () {
        showNavBarVisibility();
    });
    document.getElementById("productContainer").addEventListener("scroll", function () {
        scrollProduct();
    });
    document.getElementById("productContainerSmall").addEventListener("scroll", function () {
        scrollProduct();
    });
    setCloseMenuHandler();

    
});
function scrollProduct() {
    let suffix = "";
    if (currentVisibility == 1)
        suffix = "Small";
    let scrollY = document.getElementById("productContainer" + suffix).scrollTop;
    if ((lastProductPosition - scrollY) < loadTrigger) {
        loadNextProductPage();
    }
}
function getFilteredAttributeValues() {
    let request = { productAttributeValues: filteredValues };
    currentFilterBoxes = AjaxJSONSync("POST", "/UIData/filter/all", request);
    paintFilters(currentFilterBoxes);
}
function resetFilter() {
    document.getElementById("currentFilterSmall").style.display = "none";
    document.getElementById("filterContainerSmall").style.display = "none";
    document.getElementById("filterButton").style.display = "inline";
    document.getElementById("productContainerSmall").style.display = "inline";
}
function showFilter() {
    document.getElementById("currentFilterSmall").style.display = "block";
    document.getElementById("filterContainerSmall").style.display = "block";
    document.getElementById("productContainerSmall").style.display = "none";
    document.getElementById("filterButton").style.display = "none";
    paintFilters(currentFilterBoxes);
}
var currentVisibility = 0; //0=bigscreen,1=smallscreen
function showNavBarVisibility() {

    let newVisibility = 1;
    let suffix = "Small";
    if ($("#myNavbar").is(":visible")) {
        newVisibility = 0;
        suffix = "";
    }

//    if (currentVisibility == newVisibility)
//        return;

    currentVisibility = newVisibility;

    if (newVisibility == 0) {
        document.getElementById("contentContainer").style.display = 'block';
        document.getElementById("filterButton").style.display = 'none';
        document.getElementById("contentContainerSmall").style.display = 'none';
    }
    else {
        document.getElementById("contentContainer").style.display = 'none';
        document.getElementById("filterButton").style.display = 'inline';
        document.getElementById("contentContainerSmall").style.display = 'block';
    }
    paintFilters(currentFilterBoxes);
    setProductContainerHeight();
    refreshProducts();
}
function selectNextStep() {
    $('#productAdded').modal('show');
}
function gotoCheckOut() {
    navigateToUrl("/checkout.aspx");
}
function showProducts() {

    if (filteredValues.length == 0) {
        clearFilter();
    }
    else {
        document.getElementById("productContainerSmall").style.display = 'block';
        document.getElementById("filterContainerSmall").style.display = 'none';
        document.getElementById("productContainerSmall").scrollTop = 0;
        if (extraFiltersExist == true)
            document.getElementById("addFilterButtonSmall").style.display = "inline";
        else
            document.getElementById("addFilterButtonSmall").style.display = "none";

        setProductContainerHeight();
    }
}
function showHourglass() {
    console.log("showHourglass");
    document.body.className = 'waiting';
}
function closeHourglass() {
    document.body.className = '';
    console.log("closeHourglass");
    console.log(document.body.className);
}