/* Funções JQuery do menu */

/* Esta primeira habilita um efeito no mouse-hover e habilita também para o IE6 */
function mainmenu() {
    $(".nav ul").css({ display:"none"});
    $(".nav li").hover(function() {
        $(this).find('ul:first').css({ visibility: "visible", display: "block" });
    }, function() {
        $(this).find('ul:first').css({ visibility: "hidden", display: "none" });
    });
}

$(document).ready(function() {
    mainmenu();
});

/* Função para aplicar o estilo .ativo aonde a LI for .categoria (ao acessar um menu drop-down) */
$(document).ready(function() {
    $(".nav li.categoria").hover(function() {
        $(this).children("a").addClass("menuAtivo"); // Adiciona ao entrar no menu
        $(this).children("a").attr("style", "color:#FFF;"); // Fica com a cor branca no dropdown ativo
    }, function() {
        $(this).children("a").removeClass("menuAtivo"); // Remove ao sair do menu
        $(this).children("a").removeAttr("style"); // Remove a cor branca no ao sair
    });
});

/* Função para acessibilidade dos menus drop-down */

function habilitaSubMenus() {
    var lis = document.getElementsByTagName('li');
    for (var i = 0, li; li = lis[i]; i++) {
        var link = li.getElementsByTagName('a')[0];
        if (link) {
            link.onfocus = function() {
                var ul = this.parentNode.getElementsByTagName('ul')[0];
                if (ul)
                    with (ul.style) { display = 'block'; visibility = 'visible'; }
            }
            var ul = link.parentNode.getElementsByTagName('ul')[0];
            if (ul) {
                var ullinks = ul.getElementsByTagName('a');
                var ullinksqty = ullinks.length;
                var lastItem = ullinks[ullinksqty - 1];
                if (lastItem) {
                    lastItem.onblur = function() {
                        with (this.parentNode.parentNode.style) { display = 'none'; visibility = 'hidden' }
                    }
                }
            }
        }
    }
}
window.onload = habilitaSubMenus;

//fecha com o esc
$(document).keydown(function(event) {
    if (event.keyCode == 27) fechar();
});

function fechar() {
    $('.nav ul').css({ visibility: "visible", display: "none" });
}