$(document).ready(function()
{
	var showPane=function(){
		$("#firstpane3 div.menu_head1").css({backgroundImage:"url(down.png)"}).next("div.menu_body1").slideDown(300);
       	$("#firstpane3 div.menu_head1").siblings().css({backgroundImage:"url(left.png)"});
	};
	
	var hidePane=function(){	
     $("#firstpane3 div.menu_head1").css({backgroundImage:"url(down.png)"}).next("div.menu_body1").slideUp(300);
     $("#firstpane3 div.menu_head1").siblings().css({backgroundImage:"url(left.png)"});
     };	
     
     var mouseinmenubody=false;
  	$("#firstpane3 div.menu_head1").mouseover(showPane);

     $("#firstpane3 div.menu_head1").mouseout(function(){
     setTimeout(function(){;if(!mouseinmenubody)hidePane();},200);
     });
     $("#menu_body1").mouseenter(function(){    
      mouseinmenubody=false;
      $(this).mouseleave(function(){mouseinmenubody=false;hidePane();});
     });
	//slides the element with class "menu_body1" when mouse is over the paragraph
	$("#secondpane div.menu_head1").mouseout(function()
    {
	     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body1").slideDown(300).siblings("div.menu_body1").slideDown("slow");
         $(this).siblings().css({backgroundImage:"url(left.png)"});
	});
});