$(document).ready(function() {
        
   //FOR EFFECT
   $("div.panel_button1").click(function(){
                $("div#panel").animate({
			height: "55px"                        
		})
		.animate({
			height: "60px"
		}, "fast");
                
                
                $("div.special").animate({
			height: "0px"                        
                },"fast");
	});	
       
   $("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "0px",
                        display:"none"
		}, "slow");
                $("div.special").animate({
			height:"55px"
   		}, "slow");
   });   
   $("div.panel_button1").mouseover(function(){
                $("div#panel").animate({
			height: "55px"                        
		})
		.animate({
			height: "60px"
		}, "fast");
                
                
                $("div.special").animate({
			height: "0px"                        
                },"fast");
	});
   
   
    $("div.header").mouseout(function(){
		$("div#panel").animate({
			height: "0px",
                        display:"none"
		}, "slow");
                $("div.special").animate({
			height:"55px"
   		}, "slow");
   });
   
   
});