/// <reference path="jquery-1.3.2-vsdoc.js" />
$(document).ready(function () {

    $("select#machineryType").attr("disabled", "disabled").html("<option>Select...</option>");
    $("select#model").attr("disabled", "disabled").html("<option>Select...</option>");
    $("select#partsCategory").attr("disabled", "disabled").html("<option>Select...</option>");
    $("img#btnGo").hide();

    // MAKE selector change function ----------------------
    $("select#make").change(function () {

        var makeSelected = $("select#make").val();

        if (makeSelected != "Select...") {
            $.getJSON("getCategoryData.asp?querytype=machine&make=" + makeSelected, function (json) {
                var options = '';
                options += "<option>Select...</option>"
                for (var i = 0; i < json.length; i++) {
                    options += '<option value="' + json[i].optValue + '">' + json[i].optDisplay + '</option>';
                }
                $("select#machineryType").attr("disabled", "");
                $("select#machineryType").html(options);
                $("select#model").attr("disabled", "disabled");
                $("select#partsCategory").attr("disabled", "disabled");
                $("select#model").html("<option>Select...</option>");
                $("select#partsCategory").html("<option>Select...</option>");
                $("img#btnGo").hide();


            }
    	  	    );

        }
        else {
            $("select#machineryType").attr("disabled", "disabled").html("<option>Select...</option>");
            $("select#model").attr("disabled", "disabled").html("<option>Select...</option>");
            $("select#partsCategory").attr("disabled", "disabled").html("<option>Select...</option>");
            $("img#btnGo").hide();

        }


    }); //End select#make change function

    // MACHINE TYPE selector change function ----------------------
    $("select#machineryType").change(function () {

        var makeSelected = $("select#make").val();
        var machineSelected = $("select#machineryType").val();

        if (machineSelected != "Select...") {
            $.getJSON("getCategoryData.asp?querytype=model&make=" + makeSelected + "&machinerytype=" + machineSelected, function (json) {
                var options = '';
                options += "<option>Select...</option>"
                for (var i = 0; i < json.length; i++) {
                    options += '<option value="' + json[i].optValue + '">' + json[i].optDisplay + '</option>';
                }
                $("select#model").attr("disabled", "");
                $("select#model").html(options);
                $("select#partsCategory").attr("disabled", "disabled");
                $("select#partsCategory").html("<option>Select...</option>");
                $("img#btnGo").hide();

            }
    	  	    );

        }
        else {
            $("select#model").attr("disabled", "disabled").html("<option>Select...</option>");
            $("select#partsCategory").attr("disabled", "disabled").html("<option>Select...</option>");
            $("img#btnGo").hide();

        }

    }); //End select#machineryType change function

    // MODEL selector change function ----------------------
    $("select#model").change(function () {

        var makeSelected = $("select#make").val();
        var machineSelected = $("select#machineryType").val();
        var modelSelected = $("select#model").val();

        if (modelSelected != "Select...") {
            $.getJSON("getCategoryData.asp?querytype=parts&make=" + makeSelected + "&machinerytype=" + machineSelected + "&model=" + modelSelected, function (json) {
                var options = '';
                options += "<option>Select...</option>"
                for (var i = 0; i < json.length; i++) {
                    options += '<option value="' + json[i].optValue + '">' + json[i].optDisplay + '</option>';
                }
                $("select#partsCategory").attr("disabled", "");
                $("select#partsCategory").html(options);
                $("img#btnGo").hide();

            }
    	  	    );

        }
        else {
            $("select#partsCategory").attr("disabled", "disabled").html("<option>Select...</option>");
            $("img#btnGo").hide();

        }

    }); //End select#model change function

    // PARTS CATEGORY selector change function ----------------------
    $("select#partsCategory").change(function () {

        var partsSelected = $("select#partsCategory").val();

        if (partsSelected != "Select...") {
            $("img#btnGo").show();
        }
        else {
            $("img#btnGo").hide();

        }

    }); //End select#partsCategory change function


    // Go button click
    $("img#btnGo").click(function () {
        var partsSelected = $("select#partsCategory").val();
        window.location = "http://shop.drapertractorparts.com/?Category=" + partsSelected;

    }); //End Go button Click function

    // Keyword Search Go button click
    $("img#btnKeywordGo").click(function () {
        var keyword = $("input#keyword").val();
        window.location = "http://shop.drapertractorparts.com/shared/StoreFront/default.asp?CS=draper&keyword=" + keyword;

    }); //End Go button Click function

});       //End READY function