el_main_activo = "";
el_menu_activo = "";

function changeMenuVisibility(id, top_link) {

    var obj = document.getElementById(id).style;
        
    // se for um dos links principais fecha os outros menus
    if(top_link) {
        el_menu_activo = id;
        closeAll(id);
    }

    if(obj.visibility == "visible") {
        obj.visibility = "hidden";
        obj.display    = "none";
    } else {
        obj.visibility = "visible";
        obj.display    = "block";
    }
    
    return false;

}

function changeHighlight(id) {
    var obj = document.getElementById(id);
    
    if(obj.className == "area_item") {
        obj.className  = "area_item_activo";
        el_main_activo = id;
    } else {
        obj.className  = "area_item";
        el_main_activo = "";
    }
}

function closeAll() {

    // obtem todos os elementos (anchor e unordered list) filhos da area de menu
    var els_a  = document.getElementById('area_main').getElementsByTagName('a');
    var els_ul = document.getElementById('area_main').getElementsByTagName('ul');

    // fecha todos os menus
    for(i = 0 ; i < els_ul.length ; i++) {
	    	    
        if( els_ul[i].style.visibility == 'visible' && els_ul[i].id != el_menu_activo)  {
            els_ul[i].style.visibility = "hidden";
            els_ul[i].style.display    = "none";
        }
    }

    // desactiva todos os highlights
    for(i = 0 ; i < els_a.length ; i++) {
        if(els_a[i].className == 'area_item_activo' && els_a[i].id != el_main_activo)
            els_a[i].className = "area_item";

        if(els_a[i].className == 'area_subitem_activo')
            els_a[i].className = "area_subitem";

        if(els_a[i].className == 'area_ultimoitem_activo')
            els_a[i].className = "area_ultimoitem";

    }

    el_main_activo = "";
    el_menu_activo = "";

}