/* JavaScript Document [j_drop_menu.js]
	Author: Claudio Nunez Jr.
	Entity: Rayhawk Corporation
	Copyright: 2010
	Requirements: jQuery [core: current release]
	Original Creation Date: 06.24.2010
	Last Update On: 07.23.2010
	Description: Shows a drop menu(positioning based on CSS or XHTML specifications). The drop menu will be hidden upon a mouse event whereas the mouse leaves the parent container. */

$(document).ready(function() {
	
	$(".jDropMenu").hide(); //sets the intial state of .jDropMenu to be hidden.
	
	//shows .jDropMenu upon the mouse entering .jNavMenu.
	$(".jNavMenu").mouseenter(function() {
		
		$(this).children(".jDropMenu").show(); // slides/animates to reveal .jDropMenu.
	});
	
	//hides .jDropMenu upon the mouse leaving .jNavMenu.
	$(".jNavMenu").mouseleave(function() {
		
		$(this).children(".jDropMenu").hide(); // slides/animates to hide .jDropMenu.
	});
	
	$(".jNavMenu").click(function() {
		
		$(this).children(".jDropMenu").hide(); // slides/animates to hide .jDropMenu.
	});
});