var vehiclesInv   = {};
var make_options  = '';
var model_options = '<option value="" selected>all models</option>';

(function($) {
    $(window).bind('load', function(){
        $.getJSON("searchVehicleDetails.ajax?json=true", function(data){
            $.each(data.vehicles,function(index, vehicle) {
                var make = vehicle.make,
                    model = vehicle.model;

                if (vehiclesInv[make]) {
                    vehiclesInv[make][model] = model;
                } else {
                    vehiclesInv[make] = {};
                    vehiclesInv[make][model] = model;
                }
            });
    
            make_options += '<option value="">all makes</option>';
    
            for (var i in vehiclesInv) {
                make_options += '<option value="' + i + '">' + i + '</option>';
      
                for (var j in vehiclesInv[i]) {
                    model_options += '<option value="' + vehiclesInv[i][j] + '">' + j + '</option>';
                }
            }
    
            $("select.select_makes").html(make_options);
            $("select.select_models").html(model_options);
            $("select.select_makes option:eq(0)").attr("selected", "selected");
            $("select.select_models option:eq(0)").attr("selected", "selected");
        });
  
        $("select.select_makes").change(function() {
            var selectValue = $(this).val();
            
            model_options = '<option value="" class="all_models">all models</option>';
            
            if ($("select.select_makes").val() == "") {
                for (var i in vehiclesInv) {
                    for (var j in vehiclesInv[i]) {
                        model_options += '<option value="' + vehiclesInv[i][j] + '">' + j + '</option>';
                    }
                }
            } else {
                for (var i in vehiclesInv[selectValue]) {
                    model_options += '<option value="' + vehiclesInv[selectValue][i] + '">' + i + '</option>';
                }
            }
            
            $("select.select_models").html(model_options);
            $("select.select_models").val("");
        });
    });
})(jQuery);

function submitPreOwned(widgetID) {
    var thisForm = document.forms['search_pre-owned_widget' + widgetID];
    window.location.href='VehicleSearchResults?search=' + thisForm.search.value + '&model=' + thisForm.quickSearchId.value + '&make=' + thisForm.make.value;
    return false;
}