function showFeedbackMessage(feedback){
	$('#feedbackDiv').html('<div class="errTitle">' + (feedback.header) +'</div><div id="feedbackMsg">' + (feedback.message) +'</div><br />&nbsp;<div id="closeText">[ close me ]</div>');
	$('#message-handle').css('display','block');
	$('#message-handle').addClass('message-handle-'+feedback.type);
	$('#feedbackDiv').addClass(feedback.type); 
 
	moveDiv = '#feedbackDiv';
	moveDown();
	dontGoUp = false; 
	isUp = true;
	
	$(moveDiv).mouseover(function() {
		dontGoUp = true; 	// if the user hovers over the message disallow it to go up
	});
	
	$(moveDiv).mouseout(function() { // if the user moves the mouse outside the message allow it to go up (if time it up)
		dontGoUp = false;
	});
	
	$(moveDiv).click(function() { // if the user clicks the message, bring it down or up depending on where it is
		messageTimer = null;
		if(isUp){
			dontGoUp = true;
			moveDown();
		} else {
			dontGoUp = false;
			moveUp();
		}
	});

	$('#message-handle').click(function() { // if the user clicks the message, bring it down or up depending on where it is
		messageTimer = null;
		if(isUp){
			dontGoUp = true;
			moveDown();
		} else {
			dontGoUp = false;
			moveUp();
		}
	});

	function moveDown(){
		$('#message-handle').animate(
				{"top": "133px"}, 
				1200, 
				'swing');
	
		$(moveDiv).css({ opacity: 0 }).animate(
				{"top": "0px" ,  "opacity": "1"}, 
					1290, 
					'swing',
					function(){
						isUp = false;
						wait();
						});
		
	}
	
	function wait(){
		messageTimer = setTimeout( moveUp, 4000);		
	}
	
	function moveUp(){ 
		if(!dontGoUp){
			$(moveDiv).animate(
					{"top": "-260px" ,  "opacity": "0"}, 
					1200, 
					'swing',
					function() {
						messageTimer = null;
						isUp = true;
					});
			$('#message-handle').animate(
					{"top": "0px" }, 
					1200, 
					'swing'					
					);
		}
	}
	
}