$(document).ready(function(){
	// Disable CSS hover without needing to change the CSS file; ignores arrow for selected item
	$('.main-nav-level2-container, div#menu-main ul li[class^=" nav-"] span.arrow, div.main-nav-level2-extra .related-docs').css('display','none');

	// Close menu if clicking outside the drop-down menu and nav links
	$('body').click(function(e){
		if($(e.target).attr('class') != "main-nav-level2-container" && !$(e.target).parents(".main-nav-level2-container").size() && $(e.target).closest("#slideshow-nav-numbers").length == 0)
			$('.main-nav-level2-container, div#menu-main ul li[class^=" nav-"] span.arrow, div.main-nav-level2-extra .related-docs').css('display','none');
	});

	// Menu item click event
	$('div#menu-main ul li[class*="nav-"]').click(function(event){
		// Only prevent linking if the menu is not already open for the current section
		if($(this).find('.main-nav-level2-container').css('display') == 'none'){
			event.preventDefault();
			event.stopPropagation();

			$('.main-nav-level2-container, div#menu-main ul li[class^=" nav-"] span.arrow, div.main-nav-level2-extra .related-docs').css('display','none');

			// Find out the id for the current element (since every menu item nests all of the related docs areas)
			var elId = /\d+/.exec($(this).attr('class'));

			$(this).find('.main-nav-level2-container, div#menu-main ul li[class^=" nav-"] span.arrow, div.main-nav-level2-extra .related-docs[class*=nav-' + elId + ']').css('display','block');
		}
	});
});