$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	
	//slides the element with class "menu_body" when mouse is over the paragraph
	
	
	$("#secondpane p.menu_head").mouseover(function()
    {
	     $(this).css({backgroundImage:"url(/css/images/arrowDown.gif)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $(this).siblings(".menu_head").css({backgroundImage:"url(/css/images/arrow.gif)"});
	});
	$("#secondpane p.listGray").mouseover(function()
    {
	     $("#secondpane p.menu_head").css({backgroundImage:"url(/css/images/arrow.gif)"}).siblings("div.menu_body").slideUp("slow");
	     $(this).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $(this).siblings().css({});
	});
	$("ul.nav")
			.superfish({
				animation : { opacity:"show",height:"show"}
			})
});