/*
searchfilter -
(c) 2007-2009 Designer Websites <http://www.designer-websites.co.uk>
*/
$(function() {

    //Category
    $("select#selectedCategory").change(function() {

        var cID = $("#selectedCategory > option:selected").attr("value");

        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: "/SearchFilter/0/" + cID + "/" + 0,
            data: "{}",
            dataType: "json",
            success: function(data) {
                BindDropDown(data, "#manufacturer");
            }
        });
    });

    //Manufacturer
    $("select#manufacturer").change(function() {

        var categoryID = $("#selectedCategory").attr("value");
        var manufacturerID = $("#manufacturer > option:selected").attr("value");

        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: "/SearchFilter/1/" + categoryID + "/" + manufacturerID,
            data: "{}",
            dataType: "json",
            success: function(data) {
                BindDropDown(data, "#range");
            }
        });
    });

    //Model
    $("select#range").change(function() {

        var categoryID = $("#selectedCategory").attr("value");
        var rangeID = $("#range > option:selected").attr("value");

        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: "/SearchFilter/2/" + categoryID + "/" + rangeID,
            data: "{}",
            dataType: "json",
            success: function(data) {
                BindDropDown(data, "#printerModel");
            }
        });
    });

});

function BindDropDown(data, targetDropDown) {
    if (data.length > 0) {
        var options = '<option value=0 class=bold>Select...</option>';
           for (j in data) {
                var jsonListItem = data[j];
                options += "<option value='" + jsonListItem.ID + "'>" + jsonListItem.Name + "</option>";
           }
           $(targetDropDown).removeAttr('disabled').html(options);

       } else {
           $(targetDropDown).attr('disabled', true).html('');
     }
}