//navigation tutorial from http://www.kriesi.at
function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		//mouse over effect - finds the first hidden unordered list within the currently hovered list item and shows it.
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
		},function(){
		//mouse out effect - we use visibility instead of display since the show function mentioned above, 
		//sets display to "block" at the end of the animation
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}

 
 //executes the mainmenu function with the page is loaded - ready function
 $(document).ready(function(){					
	mainmenu();
});