//<![CDATA[

$(document).ready(function () {

	//Append a div with hover class to all the LI
	$('#navigation li a').append('<div class="hover"><\/div>');


	$('#navigation li a').hover(
		
		//Mouseover, fadeIn the hidden hover class	
		function() {
			if (!$(this).hasClass('selected')) {
			$(this).children('div').fadeIn('slow');	
			}
		}, 
	
		//Mouseout, fadeOut the hover class
		function() {
			if (!$(this).hasClass('selected')) {
			$(this).children('div').fadeOut('fast');	
		    }
	}).click (function () {
	
		//Add selected class if user clicked on it
		$(this).addClass('selected');
		
	});

});

//]]>