$(document).ready(function(){
    
        $('#currentWeather').hover(function(){
  			$(this).stop().animate({ top: -3 }, 'normal');
   			},
		   function() {
			   $(this).stop().animate({ top: -85 }, 'normal');
   			}
		   );
		
		$('.btn-close').click(function(){
			$("#panelCity").animate({"height": "hide"});
 			$("#panelPub").animate({"height": "hide"});
			$("#panelFremont").animate({"height": "hide"});
			$("#panelCoffee").animate({"height": "hide"});
			}
		);
	
	   $('.btn-slideCoffee').mouseover(function(){
  			$("#panelCity").animate({"height": "hide"});
 			$("#panelPub").animate({"height": "hide"});
			$("#panelFremont").animate({"height": "hide"});
      		$("#panelCoffee").animate({
      		"height": "toggle"
    		}, { duration: "normal" })
			}
		);	
	   
	   $('.btn-slideCity').mouseover(function(){
  			$("#panelCoffee").animate({"height": "hide"});
 			$("#panelPub").animate({"height": "hide"});
			$("#panelFremont").animate({"height": "hide"});
      		$("#panelCity").animate({
      		"height": "toggle"
    		}, { duration: "normal" })
			}
		);
	   
	    $('.btn-slidePub').mouseover(function(){
  			$("#panelCoffee").animate({"height": "hide"});
 			$("#panelCity").animate({"height": "hide"});
			$("#panelFremont").animate({"height": "hide"});
      		$("#panelPub").animate({
      		"height": "toggle"
    		}, { duration: "normal" })
			}
		);	
		
		 
		 $('.btn-slideFremont').mouseover(function(){
  			$("#panelCoffee").animate({"height": "hide"});
 			$("#panelPub").animate({"height": "hide"});
			$("#panelCity").animate({"height": "hide"});
      		$("#panelFremont").animate({
      		"height": "toggle"
    		}, { duration: "normal" })
			}
		);	
});