$(document).ready(function() { 
	   $.getJSON("select.php",{sid: "make_ready"}, function(j){
				var options = '';
				for (var i = 0; i < j.length; i++) {
					options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
				}
				$("#make").html(options);
				$('#make option:first').attr('selected', 'selected');

				$.getJSON("select.php",{make: $("#make option:first").val(), sid: "year_ready"}, function(j){
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
					}
					$("#year").html(options);
					$('#year option:first').attr('selected', 'selected');

					$.getJSON("select.php",{make: $("#make option:first").val(),year: $("#year option:first").val(),sid: "model_ready"}, function(j){
						var options = '';
						for (var i = 0; i < j.length; i++) {
							options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
						}
						$("#model").html(options);
						$('#model option:first').attr('selected', 'selected');
						
						$.getJSON("select.php",{make: $("#make option:first").val(),year: $("#year option:first").val(),model: $("#model option:first").val(),sid: "cat_ready"}, function(j){
							var options = '';
							for (var i = 0; i < j.length; i++) {
								options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
							}
							$("#cat").html(options);
							$('#cat option:first').attr('selected', 'selected');
						})
					})
				})
			})
	});
	
	$(function(){
		$("select#make").change(function(){
				$.getJSON("select.php",{make: $(this).val(), sid: "year_ready"}, function(j){
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
					}
					$("#year").html(options);
					$('#year option:first').attr('selected', 'selected');

					$.getJSON("select.php",{make: $("#make option:selected").val(),year: $("#year option:first").val(),sid: "model_ready"}, function(j){
						var options = '';
						for (var i = 0; i < j.length; i++) {
							options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
						}
						$("#model").html(options);
						$('#model option:first').attr('selected', 'selected');
						
						$.getJSON("select.php",{make: $("#make option:selected").val(),year: $("#year option:first").val(),model: $("#model option:first").val(),sid: "cat_ready"}, function(j){
							var options = '';
							for (var i = 0; i < j.length; i++) {
								options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
							}
							$("#cat").html(options);
							$('#cat option:first').attr('selected', 'selected');
						})
					})
				})
		})
			
		$("select#year").change(function(){		
					$.getJSON("select.php",{make: $("#make option:selected").val(),year: $(this).val(),sid: "model_ready"}, function(j){
						var options = '';
						for (var i = 0; i < j.length; i++) {
							options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
						}
						$("#model").html(options);
						$('#model option:first').attr('selected', 'selected');
						
						$.getJSON("select.php",{make: $("#make option:selected").val(),year: $("#year option:selected").val(),model: $("#model option:first").val(),sid: "cat_ready"}, function(j){
							var options = '';
							for (var i = 0; i < j.length; i++) {
								options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
							}
							$("#cat").html(options);
							$('#cat option:first').attr('selected', 'selected');
						})
					})
		})
			
		$("select#model").change(function(){		
					$.getJSON("select.php",{make: $("#make option:selected").val(),year: $("#year option:selected").val(),model: $(this).val(),sid: "cat_ready"}, function(j){
						var options = '';
						for (var i = 0; i < j.length; i++) {
							options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
						}
						$("#cat").html(options);
						$('#cat option:first').attr('selected', 'selected');
					})
		})			

		$("select#cat").change(function(){		
					document.contact.submit();
		})			
	})