var currentMenuName;
var timerID;

function over(name)
{
    if (undefined != currentMenuName)
    {
        document.getElementById(currentMenuName).style.display = 'block'; // just in case, reset colour on previous menu
        document.getElementById(currentMenuName+'menu').style.display = 'none'; // and make its popup menu invisible
    }
    var menuItem = document.getElementById(name);
    
    var menuId = name + 'menu';
    currentMenuName = name;
    var pos = findPos(menuItem);
    var menuPopUpBox = document.getElementById(currentMenuName+'menu');
    var top = pos[1];
    var left = pos[0] - 15;
    menuPopUpBox.style.top = top + 'px';
    menuPopUpBox.style.left = left + 'px';
    menuItem.style.display = 'none';
    menuPopUpBox.style.display = 'block';
 
    
}

function off()
{ 
    if (undefined != currentMenuName)
    {
        document.getElementById(currentMenuName).style.display = 'block';
        var menuPopUpBox = document.getElementById(currentMenuName+'menu');
        menuPopUpBox.style.display = 'none'; 
    } 
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}