function showMenu(object) {
    var strHTML = '';

    var objSubMenu = document.getElementById("submenu");
    var objNavigation = document.getElementById("navigation");
    var objHeader = document.getElementById("header");
    var objMenu = document.getElementById("menu");
    var objMain = document.getElementById("main");

    // Tijdelijke hack om menu werkend te krijgen in IE6/IE7 en Mozilla 
    // Firefox. Moet nog een keer uitgezocht worden.
    if (document.all) {
        objSubMenu.style.left = object.offsetLeft + objMenu.offsetLeft + objMain.offsetLeft;
    } else {
        objSubMenu.style.left = object.offsetLeft + ((document.width - 800) / 2) - 12;
    }
    objSubMenu.style.top = objNavigation.offsetHeight + objHeader.offsetHeight;

    switch (object.id) {
        case 'menu_1':
            objSubMenu.style.display = 'none';
            break;
        case 'menu_2':
            objSubMenu.style.display = 'none';
            break;
        case 'menu_3':
            strHTML = '';
            strHTML += '<table cellpadding="0" cellspacing="0" width="100">';
            strHTML += '<tr><td class="item" nowrap><a href="page.aspx?id=4">bestuur</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="page.aspx?id=6">lokatie</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="page.aspx?id=2">tijden</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="page.aspx?id=3">contributie</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="huishoudelijk_reglement.aspx">huishoudelijk reglement</a></td></tr>';
            strHTML += '</table>';

            objSubMenu.innerHTML = strHTML;
            objSubMenu.style.display = 'block';

            break;
        case 'menu_4':
            strHTML = '';
            strHTML += '<table cellpadding="0" cellspacing="0" width="100">';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=124">senioren 1</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=125">senioren 2</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=126">senioren 3</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=127">senioren 4</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=128">jeugd 1</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=129">jeugd 2</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="display_team.aspx?id=130">jeugd 3</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '<tr><td class="item" nowrap><a href="personal_result.aspx">persoonlijke resultaten</a></td></tr>';
            strHTML += '<tr><td class="seperator"><img src="/essentia/images/blank.gif" width="1" height="1"></td></tr>';
            strHTML += '</table>';

            objSubMenu.innerHTML = strHTML;
            objSubMenu.style.display = 'block';

            break;
        case 'menu_5':
            objSubMenu.style.display = 'none';
            break;
        case 'menu_6':
            objSubMenu.style.display = 'none';
            break;
        case 'menu_7':
            objSubMenu.style.display = 'none';
            break;
        case 'menu_8':
            objSubMenu.style.display = 'none';
            break;
    }
    return (true);
}

function hideMenu(object) {
    document.all.submenu.style.display = 'none';
    return (true);
}