/// <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 () {
    BrakePadInit();
});


function BrakePadInit() {
    $("body").on("click", "#BrakePadFilterContainer .Producer", BrakePadProducerClick);
    $("body").on("click", "#BrakePadFilterContainer .Shape", BrakePadShapeClick);
}



function BrakePadShapeClick() {
    $("#BrakePadFilterContainer .Shape").removeClass("Selected");
    $("#BrakePadFilterContainer .Color").removeClass("Selected");
    $(this).addClass("Selected");

    GetBrakePadFilter();
}


function BrakePadProducerClick() {
    $("#BrakePadFilterContainer .Producer").removeClass("Selected");
    $("#BrakePadFilterContainer .Shape").removeClass("Selected");
    $("#BrakePadFilterContainer .Color").removeClass("Selected");
    $(this).addClass("Selected");

    GetBrakePadFilter();
}



function GetBrakePadFilter() {

    var data = GatherBrakePadFilters();

    AjaxCall("/pages/shopping.aspx/GetBrakePadContent", data, GetBrakePadFilterComplete, HandleAjaxErrorVex);
}


function GatherBrakePadFilters() {
    var data = {};

    data.menuId = $("#BrakePadFilterContainer").attr("data-menu-id");
    data.producer = $("#BrakePadFilterContainer .Producer.Selected").attr("data-producer");
    data.shape = $("#BrakePadFilterContainer .Shape.Selected").attr("data-shape");

    //console.log(data);

    return data;
}

function GetBrakePadFilterComplete(msg) {

    if (IsMsgNull(msg)) {
        return;
    }

    $("#BrakePadFilterContainer").html(msg.d);
    BuildCommonTips();
    NeedImageFill();
}