$(document).ready(function() {

    $("#config_option_brand").change(function() {
        //alert($("#config_option_brand").val());
        //document.configurator.config_option_brand.style.color="#434343";
        //document.configurator.config_option_brand.style.backgroundColor = "#ffffff";
        document.configurator.config_option_model.length = 0;
        document.configurator.config_option_model.options[0] = new Option('Select Model Or Part Number', '');
        document.configurator.config_option_model.disabled = true;
        //document.configurator.config_option_model.style.color="#ffffff";
        //document.configurator.config_option_model.style.backgroundColor = "#2E87CF";

        $.ajax({
            type: "POST",
            url: "/config_models.aspx",
            data: "c=" + encodeURI($("#config_category").val()) + "&b=" + encodeURI($("#config_option_brand").val()),
            success: function(msg) {
                //alert(msg);
                if (msg.length > 0) {
                    document.configurator.config_option_model.disabled = false;
                    var arr = msg.split("///");
                    for (var i = 0; i < arr.length; i++) {
                        var arr_m = arr[i].split("|||");
                        document.configurator.config_option_model.options[i + 1] = new Option(arr_m[1], arr_m[0]);
                        document.configurator.config_option_model.options[i + 1].style.fontSize = "13px";
                        document.configurator.config_option_model.options[i + 1].style.paddingBottom = "3px";
                    }
                }

            }
        });
    });

    setModel();

});


function setModel() {
    //alert($("#config_option_brand").val());
    var brand = $("#config_option_brand").val();
    if (brand.length > 0) {
        $.ajax({
            type: "POST",
            url: "/config_models.aspx",
            data: "c=" + encodeURI($("#config_category").val()) + "&b=" + encodeURI($("#config_option_brand").val()),
            success: function(msg) {
                if (msg.length > 0) {
                    document.configurator.config_option_model.disabled = false;
                    var arr = msg.split("///");
                    for (var i = 0; i < arr.length; i++) {
                        var arr_m = arr[i].split("|||");
                        document.configurator.config_option_model.options[i + 1] = new Option(arr_m[1], arr_m[0]);
                        document.configurator.config_option_model.options[i + 1].style.fontSize = "13px";
                        document.configurator.config_option_model.options[i + 1].style.paddingBottom = "3px";
                    }
                }

            }
        });
    }
}