// menu.js

function elementContains(elmOuter, elmInner)
{
	while (elmInner && elmInner != elmOuter)
	{
		elmInner = elmInner.parentNode;
	}
	if (elmInner == elmOuter)
	{
		return true;
	}
	return false;
}

function getPageXY(elm)
{
	var point = { x: 0, y: 0 };
	while (elm)
	{
		point.x += elm.offsetLeft;
		point.y += elm.offsetTop;
		elm = elm.offsetParent;
	}
	return point;
}

function setPageXY(elm, x, y)
{
	var parentXY = {x: 0, y: 0 };
	
	if (elm.offsetParent)
	{
		parentXY = getPageXY(elm.offsetParent);
	}
	
	elm.style.left = (x - parentXY.x) + 'px';
	elm.style.top  = (y - parentXY.y) + 'px';
}

/* ------------------------------------------------------------ */
/* file boundary */

function cssjsmenu(menuid, menutype)
{
	// make the variables
	var i;
	var j;
	var node;
	var child;
	var parent;
	var ul;
	var li;
	var deept;
	var deeper;
	var menudiv;
	var version;
	var offset;
	var type;

	// if the browser doesn't even support
	// document.getElementById, give up now.
	if (!document.getElementById)
	{
		return true;
	}
	offset = navigator.userAgent.indexOf('Opera');
	if (offset != -1)
	{
		version = parseInt('0' + navigator.userAgent.substr(offset + 6), 10);
		if (version < 7)
		{
			return true;
		}
	}
	offset = navigator.userAgent.indexOf('MSIE');
	if (offset != -1) 
	{
		if (navigator.userAgent.indexOf('Mac') != -1)
		{
			return true;
		}
	}
	
	// horisontal or vertical menu
	if (menutype == 'vertical')
	{
		type = 'vertical';
	}
	else
	{
		type = 'horisontal';
	}
		
	// set the variables
	deept = 0;
	deeper = false;
	ul = new Array();
	li = new Array();
	menudiv = document.getElementById(menuid);

	// first ul (this is the horisontal head navigation)
	ul[deept] = new Array();
	for (i = 0; i < menudiv.childNodes.length; i++)
	{
		node = menudiv.childNodes[i];
		if (node.nodeName.toUpperCase() == 'UL')
		{
			ul[deept][ul[deept].length] = node;
		}
	}
	
	
	// first ul > li (this is the horisontal head navigation)
	li[deept] = new Array();
	for (i = 0; i < ul[deept].length; i++)
	{
		node = ul[deept][i];
		for (j = 0; j < node.childNodes.length; j++) 
		{
			child = node.childNodes[j];
			if (child.nodeName.toUpperCase() == 'LI') 
			{
				li[deept][li[deept].length] = child;
			}
		}
	}


	// if there are li's => go deeper (this is for the vertical sub navigations)
	if (li[deept].length > 0) deeper = true;
	
	for (deept=1; deeper==true; deept++)
	{
		var deeper = false;
		
		// deeper ul
		ul[deept] = new Array();
		for (i = 0; i < li[deept-1].length; i++)
		{
			node = li[deept-1][i];
			for (j = 0; j < node.childNodes.length; j++)
			{
				child = node.childNodes[j];

				if (child.nodeName.toUpperCase() == 'UL')
				{
					ul[deept][ul[deept].length] = child;
					
					// attach hover to parent li
					parent = child.parentNode;
					
					// onmouseover function
					parent.onmouseover = function (e)
					{
						var i;
						var child;
						var point;
						
						// stop the pure css hover effect
						//this.style.paddingBottom = '0';
						
						for (i = 0; i < this.childNodes.length; i++)
						{
							child = this.childNodes[i];
							if (child.nodeName.toUpperCase() == 'UL')
							{
								if (type == 'horisontal')
								{
									point = getPageXY(this);
									setPageXY(child, point.x, point.y + this.offsetHeight);
								}
								child.style.visibility = 'visible';
								child.style.display = 'block';
							}
						}
						return false;
					};

					// onmouseout function
					parent.onmouseout = function (e)
					{
						var relatedTarget = null;
						if (e)
						{
							relatedTarget = e.relatedTarget;
							// work around Gecko Linux only bug where related target is null
							// when clicking on menu links or when right clicking and moving
							// into a context menu.
							if (navigator.product == 'Gecko' && navigator.platform.indexOf('Linux') != -1 && !relatedTarget)
							{
								relatedTarget = e.originalTarget;
							}
						}
						else if (window.event)
						{
							relatedTarget = window.event.toElement;
						}
					
						if (elementContains(this, relatedTarget))
						{
							return false;
						}
					
						var i;
						var child;
						for (i = 0; i < this.childNodes.length; i++)
						{
							child = this.childNodes[i];
							if (child.nodeName.toUpperCase() == 'UL' && child.className != 'active')
							{
								child.style.visibility = 'hidden';
								child.style.display='none';
							}
						}
						return false;
					}
				}
			}
		}

		// deeper ul > li
		li[deept] = new Array();
		for (i = 0; i < ul[deept].length; i++)
		{
			node = ul[deept][i];
			for (j = 0; j < node.childNodes.length; j++)
			{
				child = node.childNodes[j];
				if (child.nodeName.toUpperCase() == 'LI')
				{
					li[deept][li[deept].length] = child;
				}
			}
		}

		// if there are li's => go deeper and do this lus again
		if (li[deept].length != 0)
		{
			deeper = true;
		}
	}
	return true;
}

window.onload=function(){
	cssjsmenu('mainMenu', 'horisontal');
}