var wrapper = "#menu";
var delayTime = 400;
var fadeOutTime	= 500;

$(document).ready(function () {
	$("ul>li", wrapper).mouseleave(function () {
		var child = $(this).children("ul").children("li").children("a");
		child.css("visibility", "visible");
		var timeoutId = window.setTimeout(function () {
			child.data("timeoutId", null);
			child.fadeOut(fadeOutTime, function () {
				child.css("visibility", "");
			});
		}, delayTime);
		child.data("timeoutId", timeoutId);
	}).mouseenter(function () {
		$("ul>li>a", $(this).siblings()).fadeOut(0);
		var child = $("ul>li>a", this);
		var timeoutId = child.data("timeoutId");
		if (timeoutId != null) {
			window.clearTimeout(timeoutId);
		}
		child.fadeIn(0);
	});
});