/*
 * menuDropdown.js - implements an dropdown menu based on a HTML list
 * Author: Dave Lindquist (http://www.gazingus.org)
 */

var currentMenu = null;

if (!document.getElementById)
    document.getElementById = function() { return null; }

function handleDropdownArea(menuId, actuatorId)
{
	var menu = document.getElementById(menuId);
	var actuator = document.getElementById(actuatorId);

	if (actuator == null) return;

	actuator.onmouseover
		= function()
			{
				if (currentMenu)
				{
					currentMenu.style.visibility = "hidden";
					if (menu) this.showMenu();
				}
			}

	if (menu)
	{
	    actuator.onclick
	    	= function()
			{
				if (currentMenu == null)
				{
					this.showMenu();
				}
				else
				{
					currentMenu.style.visibility = "hidden";
					currentMenu = null;
				}

				return false;
			}
	}

	actuator.showMenu
		= function()
			{
				menu.style.left = this.offsetLeft + 20 + "px";
				menu.style.top = this.offsetTop + this.offsetHeight - 10 + "px";
				menu.style.visibility = "visible";
				currentMenu = menu;
			}
}