function loadSubmenu(id)
{
    parent_id = 'menu-' + id;
    child_id = 'submenu-' + id;
    parent = document.getElementById(parent_id);
    child = document.getElementById(child_id);
    Event.observe(parent_id, 'mouseover', function(event) { displaySubmenu(id); });
}
function displaySubmenu(id)
{
    parent_id = 'menu-' + id;
    child_id = 'submenu-' + id;    
    parent = document.getElementById(parent_id);
    child = document.getElementById(child_id);
    
    if (child.style.display!='block') Element.show(child_id);
    
    Event.observe(parent_id, 'mouseout', function(event) { hideSubmenu(id); });
}

function hideSubmenu(id)
{
    child_id = 'submenu-' + id;    
    Element.hide(child_id);
}

function menuOver(id, x)
{
    e = document.getElementById('menu-'+id);
    e.className = 'menu-' + x + '-hover';
    submenu = document.getElementById('submenu-'+id);
    submenu.style.display = 'block';
}
function menuOut(id, x)
{
    e = document.getElementById('menu-'+id);
    e.className = 'menu-' + x;
    submenu = document.getElementById('submenu-'+id);
    submenu.style.display = 'none';    
}