function dropNav() {
	// When the child UL is visible, change the class of the parent link.
	$("#nav ul ul").hover(
		//mouseover
		function() {
		$(this).parents("li").children("a").addClass("hover");
		//mouseout
		},function() {
		$(this).parents("li").children("a").removeClass("hover");
	});
	
	//Add the hover class to the child LIs to shift the left attribute.
	$("ul#top-level > li").hover(
		//mouseover
		function() {
		
	
			
		
				switch (this.id) {
					case 'nav1' : // News
						$(this).children("ul").css("left", '7px');
						break;
					case 'nav2' : // Reviews
						$(this).children("ul").css("left", '2px');
						break;
					case 'nav3' : // Articles
						$(this).children("ul").css("left", '3px');
						break;
					case 'nav4' : // Backstage
						$(this).children("ul").css("left", '1px');
						break;
					case 'nav5' : // Backstage
						$(this).children("ul").css("left", '1px');
						break;
					default :
						$(this).children("ul").css("left", 0);
				}
		
	
		//mouseout
		},function() {
			$(this).children("ul").css("left", -9999);
	});
}