/// <reference path="/Shared/Libs/jquery/3.4.1/jquery.js" />
/// <reference path="/Shared/Script/SharedCommon.js" />
/// <reference path="/Shared/Script/SharedVex.js" />
/// <reference path="/Shared/Script/Ajax.js" />

$(function () {
    BoltFilterInit();
});


function BoltFilterInit() {
    $("body").on("click", "#BoltFilterContainer .BoltStyle", BoltStyleClick);
    $("body").on("click", "#BoltFilterContainer .BoltDiameter", BoltDiameterClick);
    $("body").on("click", "#BoltFilterContainer .BoltIncline", BoltInclineClick);
    $("body").on("click", "#BoltFilterContainer .BoltLength", BoltLengthClick);

    //setTimeout(LazyTestLoad, 300);

}


function LazyTestLoad() {
    var data = {};


    data.menuId = $("#BoltFilterContainer").attr("data-menu-id");
    data.style = "125XX01.jpg";
    data.diam = "12";
    data.incline = "1,5";
    data.length = "28";

    AjaxCall("/pages/shopping.aspx/GetBoltContent", data, GetBoltFilterComplete, HandleAjaxErrorVex);

}

function BoltLengthClick() {
    $("#BoltFilterContainer .BoltLength").removeClass("Selected");
    $(this).addClass("Selected");

    GetBoltFilter();
}


function BoltInclineClick() {
    $("#BoltFilterContainer .BoltIncline").removeClass("Selected");
    $("#BoltFilterContainer .BoltLength").removeClass("Selected");
    $(this).addClass("Selected");

    GetBoltFilter();
}


function BoltDiameterClick() {
    $("#BoltFilterContainer .BoltDiameter").removeClass("Selected");
    $("#BoltFilterContainer .BoltIncline").removeClass("Selected");
    $("#BoltFilterContainer .BoltLength").removeClass("Selected");
    $(this).addClass("Selected");

    GetBoltFilter();
}

function BoltStyleClick() {

    if ($(this).hasClass("Selected")) {
        $("#BoltFilterContainer .BoltStyle").show().removeClass("Selected");
        return;
    }

    $("#BoltFilterContainer .BoltStyle").removeClass("Selected");
    $("#BoltFilterContainer .BoltDiameter").removeClass("Selected");
    $("#BoltFilterContainer .BoltIncline").removeClass("Selected");
    $("#BoltFilterContainer .BoltLength").removeClass("Selected");
    $(this).addClass("Selected");

    

    GetBoltFilter();

}

function GetBoltFilter() {

    var data = GatherBoltFilters();

    AjaxCall("/pages/shopping.aspx/GetBoltContent", data, GetBoltFilterComplete, HandleAjaxErrorVex);

}


function GatherBoltFilters() {
    var data = {};

    data.menuId = $("#BoltFilterContainer").attr("data-menu-id");
    data.style = $("#BoltFilterContainer .BoltStyle.Selected").attr("data-style-image");
    data.diam = $("#BoltFilterContainer .BoltDiameter.Selected").attr("data-diam");
    data.incline = $("#BoltFilterContainer .BoltIncline.Selected").attr("data-incline");
    data.length = $("#BoltFilterContainer .BoltLength.Selected").attr("data-length");

    return data;
}

function GetBoltFilterComplete(msg) {

    if (IsMsgNull(msg)) {
        return;
    }

    $("#BoltFilterContainer").html(msg.d);
    $("#BoltFilterContainer .BoltStyle:not(.Selected)").hide();

    
}