// JavaScript Document

var menuArray = ["ddm1", "ddm2", "ddm3"];
var activeMenu = "";
var hideTimer;
var slideDuration = 200;
var menuCloseTimeout = 500;

function showMenu(e) {
	suspendHide();
	//I do not like this but it's quater to 6.
	if (e.target.id == "" || e.target.id.indexOf('Head') != -1) {return};
	
	if (activeMenu != "" && activeMenu != e.target.id) {
		hidePrevMenu(activeMenu);
	}
	
	activeMenu = e.target.id;			
	$("#" + activeMenu + "Menu").slideDown(slideDuration);
	$("#" + activeMenu + "Head")[0].style.backgroundPosition = "right top";

}

function hidePrevMenu(menuId) {
	$("#" + menuId + "Menu").slideUp(slideDuration);
	$("#" + menuId + "Head")[0].style.backgroundPosition = "right -14px";
}

function hideMenu(e) {
	setMenuTimer();
}

function hideActiveMenu() {
	$("#" + activeMenu + "Menu").slideUp(slideDuration);
	$("#" + activeMenu + "Head")[0].style.backgroundPosition = "right -14px";
}
function setMenuTimer() {
	suspendHide();
	hideTimer = window.setTimeout(hideActiveMenu, menuCloseTimeout);
}

function suspendHide()
{
	window.clearTimeout(hideTimer);	
}

$(function(){
	$(".dropdownBackground").bind("mouseover", showMenu);	
	$(".dropdownBackground").bind("mouseout", hideMenu);
	$(".dropdownOpenClose").bind("mouseover", suspendHide);
	$(".dropdownMenu").bind("mouseover", suspendHide);
	$(".dropdownMenu").bind("mouseout", setMenuTimer);
});