$(document).ready(function(){	
	function changeColor(element){
		if($(element).css('background-color') == 'rgb(178, 178, 178)'){
			$(element).css('background-color', '#484747');
		} else {
			$(element).css('background-color', '#b2b2b2');
		}
	}
	
	$("#assistantProduct").change(function(){
		postForm();
	});
	
	$("#assistantColour").change(function(){
		postForm();
	});
	
	function postForm(){
		$.post("colours.php", $("#assistantForm").serialize(), function(data){
			$("#assistantColour").html(data);	
			$.post("getproducts.php", $("#assistantForm").serialize(), function(data){
				$("#assistant-result").html("<p>" + data + " products found</p>");
				if(data != 0){
					$("#assistant-footer").html('<a href="/search/?product=' + $("#assistantProduct").val() + '&amp;colour=' + $("#assistantColour").val() + '">Show Products<img src="/images/arrow.gif" /></a>');
				} else {
					$("#assistant-footer").html('');
				}			
			});
		});
		
	}
	
	$(".stage").click(function(){
		var nextDiv = $(this).attr("rev");
		var prevDiv = $(this).attr("rel");
		$("#" + prevDiv).toggle('fast');
		changeColor($('#' + prevDiv).prev());
		$("#" + nextDiv).toggle('fast');
		changeColor($('#' + nextDiv).prev());
		return false;
	});
	
	function ucwords(str){
		return (str+'').replace(/^(.)|\s(.)/g, function ( $1 ) { return $1.toUpperCase( ); } );
	}
});