window.onresize = hide;

function hide()
{
	verbergMenu('m_');
}

function toonMenu(menu_nummer, xpos, ypos)
{
	// check of frame geladen is.
	if(document.getElementById(menu_nummer))
	{
		// laat het menu zien
		//document.getElementById(menu_nummer).style.left 		= xpos+"px";
		//document.getElementById(menu_nummer).style.top 			= ypos+"px";
		document.getElementById(menu_nummer).style.visibility	= "visible";
	}
	
	// verberg alle menu's behalve die uit de structuur menu_nummer
	verbergMenu(menu_nummer);
}

function verbergMenu(open_menu_nummer)
{
	// check of frame geladen is.
	sluit_menu='m_';

	loop(sluit_menu,open_menu_nummer);
}

function loop(s_menu,open_menu_nummer)
{
	var i;
	
	for(i=1; document.getElementById(s_menu + i); i++)
	{
		if (!open_menu_nummer.match(s_menu + i))
		{
			sluit_menu = document.getElementById(s_menu + i);
			sluit_menu.style.visibility = "hidden";
		}
	}
}

// element = element om de layer op uit te lijnen
// nummer_menu = nummer v/d geselecteerde layer
function klikMenu(element, nummer_menu)
{
	// Tel de offseLeft van activeLink en alle parents op
	var comp_x = getOffsetLeft(element);
	var comp_y = getOffsetTop(element) + element.offsetHeight;

	toonMenu(nummer_menu, comp_x, comp_y);
}

// Som van de offsetLeft van het element en alle parents
function getOffsetLeft(element) {
	var x = 0;
	var p = element;
	while (p) {
		x += p.offsetLeft;
		p = p.offsetParent;
	}
	x = x - 292;
	return x;
}

// Som van de offsetTop van het element en alle parents
function getOffsetTop(element) {
	var y = 0;
	var p = element;
	while (p) {
		y += p.offsetTop;
		p = p.offsetParent;
	}
	return y;
}