$(document).ready(function(){
			$("select#years").change(function(){
			document.getElementById("makes").style.visibility="visible";
			document.getElementById("models").style.visibility="hidden";
			document.getElementById("engines").style.visibility="hidden";
			document.getElementById("types").style.visibility="hidden";
			document.getElementById("systems").style.visibility="hidden";
				$.getJSON("select.php?k=make&year="+$(this).val(), function(j){
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += "<option value='" + j[i].optionValue + "'>" + j[i].optionDisplay + '</option>';
					}
					$("#makes").html(options);
					$('#makes option:first').attr('selected', 'selected');
				})
			
			
		$("select#makes").change(function(){
			document.getElementById("makes").style.visibility="visible";
			document.getElementById("models").style.visibility="visible";
			document.getElementById("engines").style.visibility="hidden";
			document.getElementById("types").style.visibility="hidden";
			document.getElementById("systems").style.visibility="hidden";

			
				$.getJSON("select.php?&k=model&year="+$("#years").val()+"&make="+$(this).val()+"&model=null&engine=null&type=null&system=null", function(j){
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += "<option value='" + j[i].optionValue + "'>" + j[i].optionDisplay + '</option>';
					}
					$("#models").html(options);
					$('#models option:first').attr('selected', 'selected');
					if(i < 2){
					$("select#models").change();
					}else{
					$('#parts').html('<center><img src="indicator.gif"></center>');		
					$("select#systems").change();
					}
				
				})
			})			
			
		$("select#models").change(function(){
			document.getElementById("makes").style.visibility="visible";
			document.getElementById("models").style.visibility="visible";
			document.getElementById("engines").style.visibility="visible";
			document.getElementById("types").style.visibility="hidden";
			document.getElementById("systems").style.visibility="hidden";

$("#systems").html('');
			
				$.getJSON("select.php?k=engine&year="+$("#years").val()+"&make="+$("#makes").val()+"&model="+$(this).val()+"&engine=null&type=null&system=null", function(j){
																																	 
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += "<option value='" + j[i].optionValue + "'>" + j[i].optionDisplay + '</option>';
					}
					$("#engines").html(options);
					$('#engines option:first').attr('selected', 'selected');
					if(i < 2){
					$("select#engines").change();
					}else{
					$('#parts').html('<center><img src="indicator.gif"></center>');		
					$("select#systems").change();
					}
									
				})
			})		

		$("select#engines").change(function(){
			document.getElementById("makes").style.visibility="visible";
			document.getElementById("models").style.visibility="visible";
			document.getElementById("engines").style.visibility="visible";
			document.getElementById("types").style.visibility="visible";
			document.getElementById("systems").style.visibility="hidden";
$("#systems").html('');

				$.getJSON("select.php?k=type&year="+$("#years").val()+"&make="+$("#makes").val()+"&model="+$("#models").val()+"&engine="+$(this).val()+"&type=null&system=null", function(j){
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += "<option value='" + j[i].optionValue + "'>" + j[i].optionDisplay + '</option>';
					}
					$("#types").html(options);
					$('#types option:first').attr('selected', 'selected');
					if(i < 2){
					$("select#types").change();
					}else{
					$('#parts').html('<center><img src="indicator.gif"></center>');		
					$("select#systems").change();
					}
						
				})
			})				
		
		$("select#types").change(function(){
			document.getElementById("makes").style.visibility="visible";
			document.getElementById("models").style.visibility="visible";
			document.getElementById("engines").style.visibility="visible";
			document.getElementById("types").style.visibility="visible";
			document.getElementById("systems").style.visibility="visible";
$("#systems").html('');
			
		    	$.getJSON("select.php?k=system&year="+$("#years").val()+"&make="+$("#makes").val()+"&model="+$("#models").val()+"&engine="+$("#engines").val()+"&type="+$(this).val()+"&system=null", function(j){
					var options = '';
					for (var i = 0; i < j.length; i++) {
						options += "<option value='" + j[i].optionValue + "'>" + j[i].optionDisplay + '</option>';
					}
					$("#systems").html(options);
					$('#systems option:first').attr('selected', 'selected');
					if(i < 2){
					$("select#systems").change();
					}else{
					$("select#systems").change();
					}
				})
			})	
			
		$("select#systems").change(function(){
			$('#parts').html('<center><br><b>Loading... <br> Please Wait!<br><br></b><img src="../parts/indicator.gif"></center>');								
	$.ajax({
   		type:    'GET',
   		url:     'search.php?&year='+$("#years").val()+'&make='+$("#makes").val()+'&engine='+$("#engines").val()+'&model='+$("#models").val()+'&type='+$("#types").val()+'&system='+$("#systems").val(),
		async:   false,
   		success: function(data) {
     		$('#parts').html($( data ));

   		}
 	});

			})		
			
						
		})

function addToCart(id){
	var qty = document.getElementById("qty"+id).value;
	$.ajax({
   		type:    'GET',
   		url:     'cart.php?&action=add&id='+id+'&qty='+qty,
		async:   false,
   		success: function(data) {
     		$('#cart').html($( data ));

   		}
 	});
}


function removeFromCart(id){
	$.ajax({
   		type:    'GET',
   		url:     'cart.php?&action=delete&id='+id,
		async:   false,
   		success: function(data) {
     		$('#cart').html($( data ));

   		}
 	});
}


						   });