//margen del logo para centar en la página
var margintop = (($(window).height()-240)/2) - 50;

$(document).ready(function(){
  //poner margen superior al logo para centar a la pagina
  $("#logo").css("margin-top", margintop+"px");
  $("#footer").css("margin-top", margintop+30+"px");

  //programar efecto automático del nav transcurridos 3 segundos
  setTimeout(showNav, 3000);

  //programar efecto del nav al hacer click en el logo
  $('#logo a').click(function(event){
    showNav();
    return false;
    });

    $('#nav ul li').hover(overNav, outNav);
});

function showNav() {
  //Ocultar linea inferior del logo
  $('#logo').animate({'height' : "-=25px"});
  $('#logo a').animate({'height' : "-=25px"});
  //Mover logo hacia arriba
  $('#logo').animate({'marginTop' : "-="+margintop+"px"});
  //arreglar margen del footer
  $("#footer").css("margin-bottom", "5px");
  //Expandir menu
  $('#nav ul').slideDown("slow");
  //arreglar margen del footer
  $("#footer").css("margin-top", "0");
  
  //Desactivar evento click del logo
  $('#logo a').unbind('click');
  //Ocultar cursor pointer del logo
  $('#logo a').css({ 'cursor': "auto" });

  //ocultar opicones de menú transcurridos 3 segundos
  setTimeout(hideNav, 3000);
}

function hideNav() {
    //Ocultar linea inferior del logo
    $('#nav ul.menu a').css('display', "none");
}

function overNav() {
    hoverNav($(this));
}

function outNav() {
    hoverNav($(this));
    return false;
}

function hoverNav(li) {
    var hoverClass = li.attr("class");
    var hoverClassName = hoverClass.split(" ")[0];
    var hoverClassId = hoverClass.split("-")[1];
    if (hoverClassName == "parent") {
        $('.child-' + hoverClassId).each(function() {
            $(this).toggleClass("active");
        })
    }
    if (hoverClassName == "child") {
        $('.parent-' + hoverClassId).toggleClass("active");
    }
}