$(document).ready(function(){
						   
	//Append a div with hover class to all the LI
	$('ul.nav li#menu-item-289').append('<div class="hoverbg1"><\/div>');
	$('ul.nav li#menu-item-4').append('<div class="hoverbg"><\/div>');
	$('ul.nav li#menu-item-13').append('<div class="hoverbg2"><\/div>');
	$('ul.nav li#menu-item-269').append('<div class="hoverbg3"><\/div>');
	$('ul.nav li#menu-item-14').append('<div class="hoverbg4"><\/div>');

	$('ul.nav li').hover(
		
		//Mouseover, fadeIn the hidden hover class	
		function() {
			
			$(this).children('div').fadeIn('1000');	
		
		}, 
	
		//Mouseout, fadeOut the hover class
		function() {
		
			$(this).children('div').stop(true, true).fadeOut('1000');	
		
	});
						   					   
});