jQuery.fetchModels = function (){
	makes = $("select[name='make_id']");
	makes.change(function (event) {
		makes = $(this);
		models = $(this).next().next();
		models.html('<option value="0">Loading...</option>');
		var make_id = makes.val();
		$.post('/?snippet=ajax_models&class='+$(this).attr('class'), {make_id: makes.val()}, function(data){
			vehicle_models = $.parseJson(data);
			if(!vehicle_models.status || vehicle_models.status == 0){
				models.html('<option value="0">Select Model</option>');
				if(vehicle_models.models.length == 0){
					models.html('<option value="0">All Models</option>');
				}
				$.each(vehicle_models.models, function(i, model){
					$("<option>").attr("value", model.id).text(model.name).appendTo(models); 
				});
				makes.val(make_id);
			} 
		});
	});	
};
$(document).ready(function() {
	$.fetchModels();
});