$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane div.menu_head").click(function()
    {
		$(this).css({backgroundImage:"url(images/arrow_02.gif)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings("div.menu_head").css({backgroundImage:"url(images/arrow_01.gif)"});
	});

});