function MenuClick(subItem) {

    var display = document.getElementById(subItem).style.display;
    
    //Altera o display da aba atual
    if (display == "none") {
        document.getElementById(subItem).style.display = "block";
        SubMenuClick('Calvice', 'LinkEntendaCalvice');
    }
    else if (display == "block" || display == "") {
        document.getElementById(subItem).style.display = "none";
    }
   
}

function SubMenuClick(Item, link) {
    var allItens = new Array("Calvice", "Causas", "Tratamento", "Miniaturizacao", "Padroes", "Impacto", "Caspa", "Psoriase");
    
    var allLinks = new Array("LinkEntendaCalvice", "LinkCaspa", "LinkPsoriase");
    
    var i;
    var CorSelecionada = "#E7D7D7";
    var CorNormal = "#F1E9EB";
    var CorNormal2 = "#F1E9EB";

    CorSelecionada = "RGB(231, 215, 215)";
    CorNormal = "RGB(241, 233, 235)";
    CorNormal2 = "RGB(241,233,235)";

    if (link == 'LinkCaspa' || link == 'LinkPsoriase') {
        document.getElementById('SubItensEntendaCalvice').style.display = "none";
    }
    
    //Esconde as outras abas
    for (i = 0; i < allItens.length; i++) {
        document.getElementById(allItens[i]).style.display = "none";
    }
    //Reseta CSS para o padrão dos outros links
    for (i = 0; i < allItens.length; i++) {
        document.getElementById(allItens[i]).style.backgroundColor = CorNormal;
    }

    if(document.getElementById(allLinks[0])!=null)
        document.getElementById(allLinks[0]).style.backgroundColor = CorNormal;
        
    if (document.getElementById(allLinks[1]) != null)
        document.getElementById(allLinks[1]).style.backgroundColor = CorNormal;
        
    if (document.getElementById(allLinks[2]) != null)
        document.getElementById(allLinks[2]).style.backgroundColor = CorNormal;

    var display = document.getElementById(Item).style.display;
    if (display == "none") {
        document.getElementById(Item).style.display = "block";
    }
    //alert("Item" + Item + "\n" + document.getElementById(Item).style.backgroundColor + "\nCorSelecionada: " + CorSelecionada)
    //alert(document.getElementById(link).style.backgroundColor);
    //Altera o CSS
    if (document.getElementById(link).style.backgroundColor.toUpperCase() == CorNormal2 || document.getElementById(link).style.backgroundColor.toUpperCase() == CorNormal || document.getElementById(link).style.backgroundColor.toUpperCase() == "") {
        document.getElementById(link).style.backgroundColor = CorSelecionada;
        document.getElementById(Item).style.backgroundColor = CorSelecionada;
    }
    //alert('OK')

   
    
}

//Usado na página: OCabelo
function ImageClick(item,source) {

    document.getElementById(source).src = document.getElementById(item).src;
    
}

//Usado na página: OCabelo
//Deixa o Link marcado e a div selecionada, esconde as outras div´s
function Navigate(item,link) {
    var allItens = new Array("tab1", "tab2", "tab3");
    var allLinks = new Array("linktab1", "linktab2", "linktab3");
    
    var display = document.getElementById(item).style.display;
    var i;
    
    var CorSelecionada = "#E7D7D7";
    var CorNormal = "#F1E9EB";
    var CorNormal2 = "#F1E9EB";    

    CorSelecionada = "RGB(231, 215, 215)";
    CorNormal = "RGB(241, 233, 235)";
    CorNormal2 = "RGB(241,233,235)";
    
    
    //Altera o display da aba atual
    if (display == "none") {
        document.getElementById(item).style.display = "block";
    }

    //alert(document.getElementById(link).style.backgroundColor.toUpperCase() + "\n" + CorNormal);
    //Altera o CSS
    if (document.getElementById(link).style.backgroundColor.toUpperCase() == CorNormal2 || document.getElementById(link).style.backgroundColor.toUpperCase() == CorNormal || document.getElementById(link).style.backgroundColor.toUpperCase() == "") {
        document.getElementById(link).style.backgroundColor = CorSelecionada;
        document.getElementById(item).style.backgroundColor = CorSelecionada;
    }

    //Reseta CSS para o padrão dos outros links
    for (i = 0; i < allLinks.length; i++) {
        if (allLinks[i] != link) {
            document.getElementById(allLinks[i]).style.backgroundColor = CorNormal;
            document.getElementById(allItens[i]).style.backgroundColor = CorNormal;
        }
    }    

    //Esconde as outras abas
    for (i = 0; i < allItens.length; i++) {
        if (allItens[i] != item) {
            document.getElementById(allItens[i]).style.display = "none";
        }
    }


}