Event.observe(window, 'load', init, false);



function init(){

	getMakes();

    Event.observe('type', 'change', getMakes, false);

    Event.observe('make', 'change', getModels, false);

}


function getMakes() {
	
     var type = $F('type'); 
	 var url = 'http://www.freedomautodepot.com/dropdown/getMakes/' + type + '/';
     var myAjax = new Ajax.Request(url, {

				method: 'post', 

				parameters: type, 
				
				onSuccess: successMakes

			});

}



function getModels(){

	var type = $F('type');
	
	var make = $F('make');
	
	var url = 'http://www.freedomautodepot.com/dropdown/getModels/' + type + '/' + make + '/';

	var myAjax = new Ajax.Request(url, {

			method: 'post', 

			parameters: make, 

			onSuccess: successModels

		});

}


function successMakes(originalRequest) {

    $('model').disabled = true;

	$('makeSelect').innerHTML = originalRequest.responseText;

    Event.observe('make', 'change', getModels, false);

}

function successModels(originalRequest) {

	$('model').disabled = false;

	$('modelSelect').innerHTML = originalRequest.responseText;

	

}