jQuery(function($) {
	$('#nav>li>ul').hide();
	$('#nav>li').mouseover(function(){
		// check that the menu is not currently animated
		if ($('#nav ul:animated').size() == 0) {
			// create a reference to the active element (this)
			// so we don't have to keep creating a jQuery object
			$heading = $(this);
			// create a reference to visible sibling elements
			// so we don't have to keep creating a jQuery object
			$expandedSiblings = $heading.siblings().find('ul:visible');
			if ($expandedSiblings.size() > 0) {
				$expandedSiblings.hide(200, function(){
					$heading.find('ul').show(300);
				});
			}
			else {
				$heading.find('ul').show(500);
			}
		}
	});
});