$(document).ready(function(){initMenu();

function initMenu(){
 
	$("#menu .logo").hover(
		function(e){
			
			$("#menu .grupo").stop(true, true).delay(50).animate({'height': 188 }, 500, 'easeInSine');//tiempo de espera en extension, tamaño y velocidad de la barra menu//
		},
		function(){
			$("#menu .grupo").stop(true, true).delay(500).animate({'height': 0 }, 500, 'easeInSine');//tiempo de espera, tamaño y velocidad de la barra//
		}
	);
	
	$("#menu .grupo").hover(//funcion para mantener el logo extendido//
		function(e){
			$(this).stop(true, true);
		},
		
		function(){
			$(this).stop(true, true).delay(300).animate({'height': 0 }, 300, 'easeInSine');
		}
	);
 
		
	$("#menu .grupo .navmen ul li").hover(//efecto menu//
		function(){
			$("#menu .grupo .navmen ul li").not(this).stop().animate({opacity: ".1"}, {duration: 300});
		},
		function(){
			$("#menu .grupo .navmen ul li").not(this).stop().animate({opacity: "1"}, {duration: 300});
		}
	);
}

$("#menu").fadeIn();

	
});