jQuery(
	function( $ ){
		var menuRoot = $( "#menu-root" );
		var menu = $( "#menu" );
 
		// Hook up menu root click event.
		menuRoot.attr( "href", "javascript:void( 0 )" ).click(
			function(){
				// Toggle the menu display.
				menu.toggle();
 
				// Blur the link to remove focus.
				menuRoot.blur();
 
				// Cancel event (and its bubbling).
				return( false );
			}
		);
 
		// Hook up a click handler on the document so that
		// we can hide the menu if it is not the target of
		// the mouse click.
		$( document ).click(
			function( event ){
				// Check to see if this came from the menu.
				if (menu.is( ":visible" ) && !$( event.target ).closest( "#menu" ).size())	{
					// The click came outside the menu, so
					// close the menu.
					menu.hide();
				}
			}
		)
	}
);