$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "360px"
		})
		.animate({
			height: "260px"
		}, "fast");
		$("div.panel_button").toggle();
	
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
            $(function() {
                $('#open_button').click(function(){
                    $('#overlay').fadeIn('fast',function(){
                        $('#panel').animate({'top':'0px'},500);
                    });
                });
                $('#hide_button').click(function(){
                    $('#panel').animate({'top':'0px'},20,function(){
                        $('#overlay').fadeOut('fast');
                    });
                });
				$('#overlay').click(function(){
                    $('div#panel').animate({'height':'0px'},400,function(){
                        $('#overlay').fadeOut('fast');
						$("div.panel_button").toggle();
                    });
                });

            });
	
});