$(document).ready(function(){

	//  remove any existing hover menus
	$('.hoverMenu').remove();
	
	$('#navigationMenu li .normalMenu').each(function(){

		$(this).before($(this).clone().removeClass().addClass('hoverMenu'));

	});
	
	$('#navigationMenu li').hover(function(){
	
		$(this).find('.hoverMenu').stop().animate({marginTop:'0px'},200);

	},
	
	function(){
	
		$(this).find('.hoverMenu').stop().animate({marginTop:'-25px'},200);

	});
	
	$('#navigationMenuV li .normalMenuV').each(function(){

		$(this).before($(this).clone().removeClass().addClass('hoverMenuV'));

	});
	
	$('#navigationMenuV li').hover(function(){
	
		$(this).find('.hoverMenuV').stop().animate({marginTop:'0px'},200);

	},
	
	function(){
	
		$(this).find('.hoverMenuV').stop().animate({marginTop:'-25px'},200);

	});	
	
	/* reset top margin of hoverMenus when clicked, otherwise, hoverMenus are displayed if browser back
	   or next buttons are pressed */
	$('a').click(function() {						  
		if ($(this).attr("class") == "hoverMenu" ||
			$(this).attr("class") == "hoverMenuV") {
			$(this).css("margin-top", "-25px");

		}
	});		
});