$(document).ready(function() {
	/* -------------------------------------- */
	/* ----------- CHANGE NEW/USED ---------- */
	/* -------------------------------------- */
	$("#newused").change(function() {
		// alert('newused change function executed');

		/* -------------------------------------- */
		/* --------- POPULATE YEAR MENU --------- */
		/* -------------------------------------- */
		$("#yearloaderimg").attr("src", "images/loading.gif");
		// alert('pause');
		$.getJSON("ajax/popinvmenu.php",
			{
				changed: "newused",
				newparam: "year",
				newused: $("#newused").val()
			},
			function(j){
				// alert('year callback function executed');
				$('#year options').remove();
				
				if (j.length == 0){
					var options = '<option value="">No cars matched your search</option>';
					var $noresults = true;
				}
				else {
					var options = '<option value="">Select Year</option>';
					for (var i = 0; i < j.length; i++)
					{
						options += '<option value="' +
						j[i].Year + '">' +
						j[i].Year+
						'</option>';
					}
				}
				$("#year").html(options);
				if ($noresults){
					$("#make").html(options);
					$("#model").html(options);
				}
				else {
					makeoptions = '<option value="">Select Make</option>';
					$("#make").html(makeoptions);
					modeloptions = '<option value="">Select Model</option>';
					$("#model").html(modeloptions);
				}
			}
		);
		$('#year').removeAttr('disabled');
		$('#make').attr('disabled', 'disabled');
		$('#model').attr('disabled', 'disabled');
		$("#yearloaderimg").attr("src", "images/spacer.gif");
	});
	
	/* -------------------------------------- */
	/* ------------ CHANGE YEARS ------------ */
	/* -------------------------------------- */
	$("#year").change(function() {
		// alert('year change function executed');
		/* -------------------------------------- */
		/* --------- POPULATE MAKE MENU --------- */
		/* -------------------------------------- */
		$("#makeloaderimg").attr("src", "images/loading.gif");
		$.getJSON("ajax/popinvmenu.php",
			{
				changed: "year",
				newparam: "make",
				newused: $("#newused").val(),
				year: $("#year").val()
			},
			function(j){
				// alert('make callback function executed');
				$('#make options').remove();
				
				if (j.length == 0){
					var options = '<option value="">No cars matched your search</option>';
					var $noresults = true;
				}
				else {
					var options = '<option value="">Select Make</option>';
					for (var i = 0; i < j.length; i++)
					{
						options += '<option value="' +
						j[i].Make + '">' +
						j[i].Make+
						'</option>';
					}
				}
				$("#make").html(options);
				if ($noresults){
					$("#model").html(options);
				}
			}
		);
		$('#make').removeAttr('disabled');
		$('#model').attr('disabled', 'disabled');		
		$("#makeloaderimg").attr("src", "images/spacer.gif");
	});

	/* -------------------------------------- */
	/* ------------ CHANGE MAKES ------------ */
	/* -------------------------------------- */
	$("#make").change(function() {
		/* -------------------------------------- */
		/* -------- POPULATE MODEL MENU --------- */
		/* -------------------------------------- */
		$("#modelloaderimg").attr("src", "images/loading.gif");
		$.getJSON("ajax/popinvmenu.php",
			{
				changed: "make",
				newparam: "model",
				newused: $("#newused").val(),
				year: $("#year").val(),
				make: $("#make").val()
			},
			function(j){
				// alert('model callback function executed');
				$('#model options').remove();
				
				// alert('j.length: ' + j.length);
				if (j.length == 0){
					var options = '<option value="">No cars matched your search</option>';
				}
				else {
					var options = '<option value="">Select Model</option>';
					for (var i = 0; i < j.length; i++)
					{
						options += '<option value="' +
						j[i].Model + '">' +
						j[i].Model+
						'</option>';
					}
				}
				$("#model").html(options);
			}
		);
		$('#model').removeAttr('disabled');
		$("#modelloaderimg").attr("src", "images/spacer.gif");
	});
});