$(document).ready(function() {
	menuItems = $("#mainNav > ul > li");
	subMenus = $(".subnav");
	menuItems.mouseenter(function(e) {
		subMenus.hide();
		$(e.currentTarget).children(".subnav").show();
		//$(e.currentTarget).children(".subnav").slideDown('slow');
		$(e.currentTarget).mouseleave(function() {
			subMenus.hide();
		});
	});
});
