var altura0=0;
var altura1=0;
var altura2=0;
var altura3=0;
var altura4=0;
var altura5=0;
var altura6=0;
var altura7=0;
var altura02=0;
var altura12=0;
var altura22=0;
var altura32=0;
var altura42=0;
var altura52=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);
	setTimeout("iniciarMenu('6')", retraso);
	setTimeout("iniciarMenu('7')", retraso);
	setTimeout("iniciarMenu('02')", retraso);
	setTimeout("iniciarMenu('12')", retraso);
	setTimeout("iniciarMenu('22')", retraso);
	setTimeout("iniciarMenu('32')", retraso);
	setTimeout("iniciarMenu('42')", retraso);
	setTimeout("iniciarMenu('52')", 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'})
	});
	
	 //Menu 6
	
	$('#menu6').mouseover(function(){
			$('#menu6').stop().animate({height:altura6},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu6').mouseout(function(){
			$('#menu6').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	 //Menu 7
	
	$('#menu7').mouseover(function(){
			$('#menu7').stop().animate({height:altura7},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu7').mouseout(function(){
			$('#menu7').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 1
	
	$('#menu12').mouseover(function(){
			$('#menu12').stop().animate({height:altura12},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu12').mouseout(function(){
			$('#menu12').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 22
	
	$('#menu22').mouseover(function(){
			$('#menu22').stop().animate({height:altura22},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu22').mouseout(function(){
			$('#menu22').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 32
	
	$('#menu32').mouseover(function(){
			$('#menu32').stop().animate({height:altura32},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu32').mouseout(function(){
			$('#menu32').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//Menu 42
	
	$('#menu42').mouseover(function(){
			$('#menu42').stop().animate({height:altura42},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu42').mouseout(function(){
			$('#menu42').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	 //Menu 52
	
	$('#menu52').mouseover(function(){
			$('#menu52').stop().animate({height:altura52},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	$('#menu52').mouseout(function(){
			$('#menu52').stop().animate({height:'20px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	
});