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

var currentMenu = null;

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

function initializeMenu(menuId, actuatorId) {
    	var menu = document.getElementById(menuId);
    	var actuator = document.getElementById(actuatorId);
	var gone = 1;
	var beginner = 0;
	seeya = setTimeout('',100000);

    	if (menu == null || actuator == null) return;

	actuator.onmouseover = function() {
	        if (currentMenu == null) {
			this.showMenu();
	    	} else {
	            currentMenu.style.visibility = "hidden";
	            currentMenu = null;
	        }
		this.showMenu();
		if (gone == 1) {
			clearInterval(seeya);
		}
		gone = 0;
	        return false;
	}

	actuator.onmouseout = function() {
		gone = 1;
		seeya = setTimeout(hide,100);
	}

	hide = function() {
		currentMenu.style.visibility = "hidden";
		currentMenu = null;
	}

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

	menu.onmouseover = function() {
		if (gone == 1) {
			clearInterval(seeya);
			gone = 0;
		}
	}

	menu.onmouseout = function() {
		gone = 1;
		seeya = setTimeout(hide,100);
	}


}