// JavaScript Document
 $(document).ready(function(){
   $('#vehicleMake').change(function(){
	   getModels($(this).val());
   });
   
   /*$('#vehicleModel').change(function(){
	   getYears($(this).val());
   });*/
 });


function getYears(modelID){
	if (modelID){
		$.getJSON('/base/getyears/'+modelID,function(json){
			updateYears(json);
		});
	}else{
		//resetYears();
	}
}


function getModels(vehicleID){
	if (vehicleID){
		$.getJSON('/base/getmodels/'+vehicleID,function(json){
			updateModels(json);
		});
		//resetYears();
	}else{
		resetModel();
		//resetYears();
	}
}

function updateModels(json){
	var model = $('#vehicleModel')[0];
	model.options.length = 0;
	model.options[model.options.length] = new Option('Select Model','');
	$.each(json,function(i,obj){
		model.options[model.options.length] = new Option(obj.display,obj.value);
	});
}

function updateYears(json){
	var year = $('#vehicleYears')[0];
	year.options.length = 0;
	year.options[year.options.length] = new Option('Show All','');
	$.each(json,function(i,obj){
		year.options[year.options.length] = new Option(obj.display,obj.value);
	});
}

function resetModel(){
	var model = $('#vehicleModel')[0];
	model.options.length = 0;
	model.options[model.options.length] = new Option('Select Make First','');
}

function resetYears(){
	var year = $('#vehicleYears')[0];
	year.options.length = 0;
	year.options[year.options.length] = new Option('Select Model First','');
}