$(document).ready(function(){
	//when mouse rolls over
	$("div#top").mouseover(function(){
		$("div#top").stop().animate({height:'390px'},{queue:false, duration:600, easing: 'easeOutBounce'})
		$("li.parent").stop().animate({height:'390px'},{queue:false, duration:600, easing: 'easeOutBounce'})
		
	});
	
	//when mouse is removed
	$("div#top").mouseout(function(){
		$("div#top").stop().animate({height:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'})
		$("li.parent").stop().animate({height:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//when mouse rolls over
	$("li.parent").mouseover(function(){
		$("div#top").stop().animate({height:'390px'},{queue:false, duration:600, easing: 'easeOutBounce'})
		$("li.parent").stop().animate({height:'390px'},{queue:false, duration:600, easing: 'easeOutBounce'})
		
	});
	
	//when mouse is removed
	$("li.parent").mouseout(function(){
		$("li.parent").stop().animate({height:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'})
		$("div#top").stop().animate({height:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});

});