function updateMakes(){
	$.getJSON('ajax/lubeAdvisor.php?a=1&id='+$('input[name=catID]:checked').val(), function(data) {
		var options = $('#makes');
		$('#makes >option, #models >option, #types >option').remove();
		$.each(data, function() {
    		options.append($("<option />").val(this.id).text(this.val));
		});
		$('#makesBox').show('blind', '', 500);
	});
}

function updateModels(){
	$.getJSON('ajax/lubeAdvisor.php?a=2&id='+$('#makes :selected').val(), function(data) {
  		$('#vrmBox').hide('blind', '', 500);
		$('#makesBox').hide();
		$('#makeSelected').html($('#makes :selected').text());
		$('#makeSelectedBox').show();
		var options = $('#models');
		$('#models >option, #types >option').remove();
		$.each(data, function() {
    		options.append($("<option />").val(this.id).text(this.val));
		});
		$('#modelsBox').show('blind', '', 500);
	});
}

function updateTypes(){
	$.getJSON('ajax/lubeAdvisor.php?a=3&id='+$('#models :selected').val(), function(data) {
  		$('#modelsBox').hide();
		$('#modelSelected').html($('#models :selected').text());
		$('#modelSelectedBox').show();
		var options = $('#types');
		$('#types >option').remove();
		$.each(data, function() {
    		options.append($("<option />").val(this.id).text(this.val));
		});
		$('#typesBox').show('blind', '', 500);
	});
}

function updateComplete(){
	$('#typesBox').hide();
	$('#typeSelected').html($('#types :selected').text());
	$('#typeSelectedBox').show();
	$('#lubeSubmitBox').show('blind', '', 500);
}

$(document).ready(function(){
	
	$('input[name=catID]').change(function(){
		$('#modelTypeOuterBox').hide('blind', '', 500, function(){
			$('#modelsBox, #typesBox, #modelSelectedBox, #typeSelectedBox, #makeSelectedBox, #lubeSubmitBox').hide();
			$('#modelTypeOuterBox, #makesBox').show();
		});
		updateMakes(); 
	});
	$('#makes').change(function(){ 	if($('#makes :selected').val()!=0) 	updateModels(); });
	$('#models').change(function(){ if($('#models :selected').val()!=0) updateTypes(); });
	$('#types').change(function(){ 	if($('#types :selected').val()!=0) 	updateComplete(); });
	
	$('#makeSelected').click(function(){
		$('#modelTypeOuterBox').hide('blind', '', 500, function(){
			$('#modelsBox, #typesBox, #modelSelectedBox, #typeSelectedBox, #makeSelectedBox, #lubeSubmitBox').hide();
			$('#modelTypeOuterBox, #makesBox').show();
		});
		$('#types').val('0');
	});
	
	$('#modelSelected').click(function(){
		$('#typeOuterBox').hide('blind', '', 500, function(){
			$('#typesBox, #modelSelectedBox, #typeSelectedBox, #lubeSubmitBox').hide();
			$('#typeOuterBox, #modelsBox').show();
		});
		$('#types').val('0');
	});
	
	$('#typeSelected').click(function(){
		$('#typeSelectedBox, #lubeSubmitBox').hide();
		$('#typesBox').show();
		$('#types').val('0');
	});
	
	//updateMakes();
	$('#makesBox').show('blind', '', 500);
	
	var open = false;
	$('#lubeAdvisorPopoutButton').click(function() {
		if(open === false) {
			$('#lubeAdvisorPopoutContainer').animate({ top: '145px' });
			$(this).css('backgroundPosition', 'bottom left');
			open = true;
		} else {
			$('#lubeAdvisorPopoutContainer').animate({ top: '-35px' });
			$(this).css('backgroundPosition', 'top left');
			open = false;
		}
	});
	
	$('#lubeSubmitButton').click(function(){
		document.forms["lubeAdvisor"].submit();
	});
	
	
	$('#slides').slides({
		preload: true,
		preloadImage: 'css/images/loading.gif',
		play: 4000,
		pause: 2500,
		hoverPause: true,
		generatePagination:false
	});
});