// JavaScript Document

$(".item1").mouseover(function(){
							   
  $("#menu1").css("visibility","visible");							   
  $("#menu1").animate({"height": "50px"},{ queue: false, duration: 500 });

});

$(".item1").mouseout(function(){
  $("#menu1").animate({"height": "0px"}, { queue: false, duration: 500 });
  
});

$(".item2").mouseover(function(){
  $("#menu2").css("visibility","visible"); 
 $("#menu2").animate({"height": "50px"},{ queue: false, duration: 500 });

});

$(".item2").mouseout(function(){
  $("#menu2").animate({"height": "0px"}, { queue: false, duration: 500 });
});

$(".item3").mouseover(function(){
	$("#menu3").css("visibility","visible");
  $("#menu3").animate({"height": "50px"},{ queue: false, duration: 500 });
  
});

$(".item3").mouseout(function(){
  $("#menu3").animate({"height": "0px"}, { queue: false, duration: 500 });
});
$(".item4").mouseover(function(){
	$("#menu4").css("visibility","visible");						   
  $("#menu4").animate({"height": "50px"},{ queue: false, duration: 500 });
  
});

$(".item4").mouseout(function(){
  $("#menu4").animate({"height": "0px"}, { queue: false, duration: 500 });
});
$(".item5").mouseover(function(){
  $("#menu5").css("visibility","visible");
  $("#menu5").animate({"height": "50px"},{ queue: false, duration: 500 });
  
});

$(".item5").mouseout(function(){
  $("#menu5").animate({"height": "0px"}, { queue: false, duration: 500 });
});
$(".item6").mouseover(function(){
	$("#menu6").css("visibility","visible");						   
  $("#menu6").animate({"height": "50px"},{ queue: false, duration: 500 });
  
});

$(".item6").mouseout(function(){
  $("#menu6").animate({"height": "0px"}, { queue: false, duration: 500 });
});