jQuery(document).ready(function()
{
	var toggle = 1;

	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	jQuery("#firstpane p.menu_head").click(function()
    {	
		jQuery(this).siblings().css({backgroundImage:"url(left.png)"});
		jQuery(this).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

		toggle *= -1;

		if( toggle == 1 ){
		
			jQuery(this).css({backgroundImage:"url(left.png)"});
		
		}
		else{
			jQuery(this).css({backgroundImage:"url(down.png)"});
		}

	});
	
	
	
	//slides the element with class "menu_body" when mouse is over the paragraph
	jQuery("#secondpane p.menu_head").mouseover(function()
    {
	     jQuery(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         jQuery(this).siblings().css({backgroundImage:"url(left.png)"});
	});

});