﻿function closeButtonDynamicMenuHover(obj){
	for (var i = 0; i < obj.parentNode.childNodes.length; i++)
	{
		if (obj.getElementsByTagName("UL").length > 0 &&  obj.parentNode.childNodes[i] != obj && obj.parentNode.childNodes[i].tagName == "LI")
		{
			for (var j = 0; j < obj.parentNode.childNodes[i].childNodes.length; j++)
			{
				if (obj.parentNode.childNodes[i].childNodes[j].tagName == "UL")
				{
					obj.parentNode.childNodes[i].childNodes[j].style.display = 'none';
					obj.parentNode.childNodes[i].childNodes[j].style.opacity = 0;
					if (obj.parentNode.childNodes[i].tagName == "LI")
					{
						obj.parentNode.childNodes[i].className = 
						obj.parentNode.childNodes[i].className.replace(" Open","").replace("Open","");
						var parentli = obj.parentNode.childNodes[i];
				        var currenta = parentli.getElementsByTagName('a')[parentli.getElementsByTagName('a').length -1];
				        currenta.className = currenta.className.replace(" Open","").replace("Open","");
					}
				}
			}
		}
	}
	
    UL = obj.getElementsByTagName('ul');
    if(UL.length > 0)
	{
		sousMenu = UL[0];
		if(sousMenu.style.display == 'none' || sousMenu.style.display == '')
		{
			sousMenu.style.display = 'block';
			sousMenu.style.opacity = 1;
			var bottom = $(sousMenu).getCoordinates().top + $(sousMenu).getCoordinates().height;
			var windowBottom = window.getHeight() + window.getScrollTop();
			if (bottom > windowBottom)
			{
			    var overflowHeight = bottom - windowBottom;
			    sousMenu.style.top = "-" + overflowHeight + "px";
			}
			if (sousMenu.parentNode.tagName == "LI")
			{
				sousMenu.parentNode.className = sousMenu.parentNode.className.replace(" Open","").replace("Open","") + " Open";
				var parentli = sousMenu.parentNode;
				var currenta = parentli.getElementsByTagName('a')[parentli.getElementsByTagName('a').length -1];
				currenta.className = currenta.className.replace(" Open","").replace("Open","") + " Open";
			}
			var images = sousMenu.getElementsByTagName("img");
			images[images.length - 1].onclick = function()
			{
				this.parentNode.style.display = 'none';
				this.parentNode.style.opacity = 0;
				if (this.parentNode.parentNode.tagName == "LI")
				{
					this.parentNode.parentNode.className = this.parentNode.parentNode.className.replace(" Open","").replace("Open","");
					var parentli = this.parentNode.parentNode;
				    var currenta = parentli.getElementsByTagName('a')[parentli.getElementsByTagName('a').length -1];
				    currenta.className = currenta.className.replace(" Open","").replace("Open","");
				}
			}			
		}
    }
}
function closeButtonDynamicMenuHideMenuItems(menuRoot,imageUrl)
{
	var menuItems = menuRoot.getElementsByTagName("ul");
	for (var i = 0; i < menuItems.length; i++)
	{
		var image = document.createElement("img");
		image.src = imageUrl;
		image.style.position = "absolute";
		image.style.top = "2px";
		image.style.right = "0px";
		image.className = "CloseButton";
		menuItems[i].appendChild(image);
		menuItems[i].style.opacity = 0;
		menuItems[i].style.display = "none";
		closeButtonDynamicMenuHideMenuItems(menuItems[i],imageUrl);
	}
}
function closeButtonDynamicMenuSetHover(id,imageUrl)
{
	LI = document.getElementById(id).getElementsByTagName('li');
	nLI = LI.length;
	for(i=0; i < nLI; i++)
	{
		LI[i].onmouseover = function()
		{
			closeButtonDynamicMenuHover(this);
		}
	}
	closeButtonDynamicMenuHideMenuItems(document.getElementById(id),imageUrl);
}			
