function MenuOffsetLeft(elm)
{
	os = elm.offsetLeft;
	if (elm.offsetParent) os += MenuOffsetLeft(elm.offsetParent);
	return os;
}

function MenuOffsetTop(elm)
{
	os = elm.offsetTop;
	if (elm.offsetParent) os += MenuOffsetTop(elm.offsetParent);
	return os;
}

function ShowCategories(id)
{
	DontHideMenu();
	// Laver indhold til div
	html = '';
	sub_id = null;
	for (i = 0; i < array_categories_sub_id.length; i++)
	{
		if (array_categories_sub_id[i] == id)
		{
			html += '<div class="MenuElement" onmouseout="this.className = \'MenuElement\';" onmouseover="this.className = \'MenuElement1\'; DontHideMenu();">' +
				'<a href="' + array_categories_url[i] + '" onmouseover="DontHideMenu();">' + array_categories_title[i] + '</a>' +
				'</div>';
			sub_id = array_categories_sub_id[i];
		}
	}
	if (html == '')
	{
		document.getElementById('divMenu').style.visibility = 'hidden';
		return;
	}
	// Tilføjer start og slut
	if (document.all)
	{
		ie_style = 'style="width: 166px;"';
	}
	else
	{
		ie_style = '';
	}
	// Finder bredde og position
	div = document.getElementById('divCategory' + sub_id);
	w = 171;
	h = 50;
	l = MenuOffsetLeft(div) + 125;
	t = MenuOffsetTop(div);
	// Færdiggør div
	html = '<div class="MenuTop"> </div>' +
		'<div class="MenuMiddle" ' + ie_style + '>' +
			'<div class="MenuTitle">' + div.innerHTML + '</div>' +
			html + 
		'</div>' +
		'<div class="MenuBottom"> </div>';
	// Viser submenu
	elm = document.getElementById('divMenu');
	elm.innerHTML = html;
	elm.style.width = w + 'px';
	elm.style.left = l + 'px';
	elm.style.top = t + 'px';
	elm.style.visibility = '';
}

function DontHideMenu()
{
	if (timeout_menu_hide != null) clearTimeout(timeout_menu_hide);
}

function HideMenu()
{
	timeout_menu_hide = setTimeout('HideMenuNow();', 500);
}

function HideMenuNow()
{
	document.getElementById('divMenu').style.visibility = 'hidden'; 
	timeout_menu_hide = null;
}