var vehiclesInv = new Object();
var make_options = '';
var model_options = '<option value="" selected>all models</option>';
jQuery(function() {
    jQuery.getJSON("searchVehicleDetails.ajax?json=true", function(data){
        jQuery.each(data.vehicles,function(index, vehicle) {
            var make = vehicle.make;
            var model = vehicle.model;
            if (vehiclesInv[make]) {
                vehiclesInv[make][model] = model;
            } else {
                vehiclesInv[make] = new Object();
                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>';
            }
        }
        jQuery("select#select_makes").html(make_options);
        jQuery("select#select_models").html(model_options);
        jQuery("select#select_makes option:eq(0)").attr("selected", "selected");
        jQuery("select#select_models option:eq(0)").attr("selected", "selected");
    });
    jQuery("select#select_makes").change(function() {
        var selectValue = jQuery(this).val();
        model_options = '<option value="" id="all_models">all models</option>';
        if (jQuery("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>';
            }
        }
        jQuery("select#select_models").html(model_options);
        jQuery("select#select_models").val("");
    });
});

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