function initHoofdMenu()
{
	var hoofdMenu = document.getElementById('mainMenu');
	var lis = hoofdMenu.getElementsByTagName('LI');

	for (var l=0; l<lis.length; l++)
	{
		var li = lis[l];
		if (li.className.match(/mainMenu/))
		{
			li.onmouseover = function () {

					this.className = this.className.replace('inactive', '');

					var uls = this.getElementsByTagName('UL');
					if (uls.length > 0)
					{
						for (var u=0; u<uls.length; u++)
						{
							if (uls[u].className.match(/angleMenu/))
								showUl(uls[u], '');		// uls[u].style.display = '';
							else
								showUl(uls[u], 'block');	// uls[u].style.display = 'block';
						}
					}
			}
			li.onmouseout = function () {
				if (!this.className.match(/currentMain/))
				{
					if (!this.className.match(/active/) && !this.className.match(/current/))
					{
						this.className += ' inactive';
					}

					var uls = this.getElementsByTagName('UL');	
					if (uls.length > 0)
					{
						for (var u=0; u<uls.length; u++)
						{
							showUl(uls[u], 'none');
						}
					}
				}
			}
		}
	}

	var uls = hoofdMenu.getElementsByTagName('UL');

	for (var u=0; u<uls.length; u++)
	{
		addLiEffect(uls[u]);
	}
}
function getAngle(li)
{
	var ul = li.parentNode;
	if (ul.className.match(/angleMenuLeft/))
		return 'left';
	else if (ul.className.match(/angleMenuRight/))
		return 'right';
	else 
		return false;
}
function addLiEffect(ul)
{
	var lis = ul.getElementsByTagName('LI');
	for (var l=0; l<lis.length; l++)
	{
		var li = lis[l];

		li.onmouseover = function() {
			if (!this.className.match(/Option/))
				this.style.backgroundImage = 'url(images/menu/submenu_active.gif)';
			else if (this.className.match(/lastOption/))
				this.style.backgroundImage = 'url(images/menu/submenu_active.gif)';
			else if (this.className.match(/firstOption/))
			{
				var angle = getAngle(this);
				if (angle)
					this.style.backgroundImage = 'url(images/menu/submenu_active.gif)';
				else
					this.style.backgroundImage = 'url(images/menu/submenu_active.gif)';
			}
		}
		li.onmouseout = function() {
			if (!this.className.match(/Option/) && !this.className.match(/current/))
				this.style.backgroundImage = 'url(images/menu/submenu_inactive.gif)';
			else if (this.className.match(/lastOption/) && !this.className.match(/current/))
				this.style.backgroundImage = 'url(images/menu/submenu_inactive.gif)';
			else if (this.className.match(/firstOption/) && !this.className.match(/current/))
			{
				var angle = getAngle(this);
				if (angle)
					this.style.backgroundImage = 'url(images/menu/submenu_inactive.gif)';
				else
					this.style.backgroundImage = 'url(images/menu/submenu_inactive.gif)';
			}
		}
	}
}

function showUl(ul, display)
{
	var lis = ul.getElementsByTagName('LI');
	var t = 200;
	var incr = 70;
/*	for (var l=0; l<lis.length; l++)
	{
		var li = lis[l];
		lis[l].className += ' hidden';
		var tempFunc = showLi(lis[l]);
		setTimeout(tempFunc, t);
		t = t + incr;
	}
*/	ul.style.display = display;
}

function showLi(li)
{
	return function() {
		li.className = li.className.replace(/ hidden/, '');
	}
}

function getCSSValue (el, property)
{
	if (typeof(window.getComputedStyle) == 'function')
	{
		var styleValue = window.getComputedStyle(el, null)[property];
	}
	else
	{
		var styleValue = el.currentStyle[property];
	}
	return typeof(styleValue) != 'undefined' ? styleValue : '';
}