/* 
	File: menu.js
	Version: 1.0
	Date: 20-04-2010
	Editor: Dennis Kleingeld
	Comment: 1e versie van het menu script
*/
$(document).ready(function() {
	$("#outerMenu").hover(function() { }, function() { $(".submenu").slideUp(); });
	$(".submenu").each(function() {
		$(this).attr("locked", "");
		$(this).hover(function() {
			$(this).attr("locked", "true");
			$("li[submenu=" + $(this).attr("id") + "]").addClass("active");
		}, function() {
			$(this).attr("locked", "");
			var script = "hideSubMenu('" + $(this).attr("id") + "');";
			setTimeout(script, 50);
		});
	});

	$(".submenu li").each(function() {
		var submenuID = "";
		if ($(this).hasClass("pageActive")) {
			submenuID = $(this).parent().attr("id");
		}

		$("li[submenu=" + submenuID + "]").addClass("pageActive");

		$(this).hover(function() {
			$(this).addClass("active");
		}, function() {
			$(this).removeClass("active");
		});
	})

	$(".menu li").each(function() {
		var submenuID = $(this).attr("submenu");
		var containerOffset = $("#pageContainer").offset().left;
		var menuItemOffset = $(this).offset().left;
		var submenuOffset = menuItemOffset - containerOffset;

		$("#" + submenuID).css("top", "34px").css("left", submenuOffset);

		$(this).hover(function() {
			var submenuID = $(this).attr("submenu");
			$(this).addClass("active");
			$("#" + submenuID).attr("locked", "true");
			$("#" + submenuID).not(":animated").slideDown().siblings("ul.submenu").slideUp();
		}, function() {
			var submenuID = $(this).attr("submenu");
			if (submenuID != undefined) {
				$("#" + submenuID).attr("locked", "");

				var script = "hideSubMenu('" + submenuID + "');";
				setTimeout(script, 50);
			}
			else {
				$(this).removeClass("active");
			}
		});
	});
});

function hideSubMenu(submenuID) {
	if ($("#" + submenuID).attr("locked") == "") {
		$("li[submenu=" + submenuID + "]").removeClass("active");
		$("#" + submenuID).not(":animated").slideUp();
	}
}