var hide  = true;

function showMenu(obj, menu)
{
	hideAllMenus();

	selektion = "submenu" + menu;
	
	var x = new getObj(selektion);
	hide = !hide;
	x.style.visibility = (hide) ? 'hidden' : 'visible';
	setLyr(obj,selektion);

	// move dummy layer to the right position

	l = findPosX(obj) - 30;
	t = findPosY(obj) + 20;

	var x = new getObj("dummy1");

	x.style.left = l + 'px';
	x.style.top = t + 'px';

	var x = new getObj("dummy2");

	x.style.left = (l-20) + 'px';
	x.style.top = (t-45) + 'px';


	selektion = "dummy1";
	var x = new getObj(selektion);
	x.style.visibility = 'visible';

	selektion = "dummy2";
	var x = new getObj(selektion);
	x.style.visibility = 'visible';

}

function hideMenu(obj, menu)
{
	selektion = "submenu" + menu;
	x.style.visibility = 'hidden';
	setLyr(obj, selektion);

}

function hideAllMenus()
{
	for(i=1;i<10;i++)
	{
		selektion = "submenu" + i;
		var x = new getObj(selektion);
		x.style.visibility = 'hidden';
	}

	selektion = "dummy1";
	var x = new getObj(selektion);
	x.style.visibility = 'hidden';

	selektion = "dummy2";
	var x = new getObj(selektion);
	x.style.visibility = 'hidden';

	hide = true;
}


function setLyr(obj,lyr)
{
	var newX = findPosX(obj);
	var newY = findPosY(obj);
	if (lyr == selektion) newY += 20;
	var x = new getObj(lyr);
	x.style.top = newY + 'px';
	x.style.left = newX + 'px';
}

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	var printstring = '';
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			printstring += ' element ' + obj.tagName + ' has ' + obj.offsetTop;
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	window.status = printstring;
	return curtop;
}


function getObj(name)
{
 if (document.getElementById)
 {
	   this.obj = document.getElementById(name);
	   this.style = document.getElementById(name).style;
 }
 else if (document.all)
 {
	   this.obj = document.all[name];
	   this.style = document.all[name].style;
 }
 else if (document.layers)
 {
	   if (document.layers[name])
	   {
	   	this.obj = document.layers[name];
	   	this.style = document.layers[name];
	   }
	   else
	   {
	    this.obj = document.layers.selektion.layers[name];
	    this.style = document.layers.selektion.layers[name];
	   }
 }
}