var altura0=0;
var altura1=0;
var altura2=0;
var altura3=0;
var altura4=0;
var altura5=0;


function iniciarMenu(id) {
	
	$('#menu'+id).css("height","auto");
	document.getElementById("menu"+id).style.height="auto";
	var textoEvaluar = "altura"+id+" = (document.getElementById('menu"+id+"').offsetHeight - 5)";
	eval(textoEvaluar);
	
	var textoEvaluar = "if(altura"+id+" < 20) { altura"+id+"=20; }";
	eval(textoEvaluar);
	
	document.getElementById("menu"+id).style.height="20px";	
}

$(document).ready(function(){
	var retraso = 250;
	
	setTimeout("iniciarMenu('0')", retraso);
	setTimeout("iniciarMenu('1')", retraso);
	setTimeout("iniciarMenu('2')", retraso);
	setTimeout("iniciarMenu('3')", retraso);
	setTimeout("iniciarMenu('4')", retraso);
	setTimeout("iniciarMenu('5')", retraso);
	
	//Menu 0
	
	$('#menu0').mouseover(function(){
			$('#menu0').stop().animate({height:altura0},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu0').mouseout(function(){
			$('#menu0').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 1
	
	$('#menu1').mouseover(function(){
			$('#menu1').stop().animate({height:altura1},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu1').mouseout(function(){
			$('#menu1').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 2
	
	$('#menu2').mouseover(function(){
			$('#menu2').stop().animate({height:altura2},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu2').mouseout(function(){
			$('#menu2').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 3
	
	$('#menu3').mouseover(function(){
			$('#menu3').stop().animate({height:altura3},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu3').mouseout(function(){
			$('#menu3').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 4
	
	$('#menu4').mouseover(function(){
			$('#menu4').stop().animate({height:altura4},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu4').mouseout(function(){
			$('#menu4').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	 //Menu 5
	
	$('#menu5').mouseover(function(){
			$('#menu5').stop().animate({height:altura5},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu5').mouseout(function(){
			$('#menu5').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	
});