// This is the main jQuery function that only begins once the page has loaded
$(document).ready(function() {
	// Calls the function to setup the navigation drop downs
	nav();
});

function nav(){
	// Show dropdown on mouseover of main link
	$("div#nav ul li").mouseover(function() {
			$(this).find('ul:first').show();
	});

	// Hides the submenu when the mouse leaves the main navigation link area
	$("div#nav ul li").mouseleave(function() {
		$("div#nav ul li ul").hide();
	});

	// Hides the submenu when the mouse leaves the submenu itself
	$("div#nav ul li ul").mouseleave(function() {
		$("div#nav ul li ul").hide();
	});

};