/*
 * Original idea by Dave Lindquist
 */
 
var currentMenu = null;

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

function initializeMenu(menuId, pinpointId) {
    var menu = document.getElementById(menuId);
    var pinpoint = document.getElementById(pinpointId);

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

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

        return false;
    }

    pinpoint.showMenu = function() {
        var hoogte = document.getElementById('b');
        var links = document.getElementById('c');
        

        menu.style.left = this.offsetLeft + links.offsetLeft + "px";
        menu.style.top = this.offsetTop + this.offsetHeight + hoogte.offsetTop +
	                 links.offsetTop + "px";
        menu.style.visibility = "visible";
        currentMenu = menu;
    }
}