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


// POP ===================================//
	function ShowPopup(hoveritem)
	{
		hp = document.getElementById("hoverpopup");
		
		// Set popup to visible
		hp.style.top = hoveritem.offsetTop + 18;
		hp.style.left = hoveritem.offsetLeft + 20;

		hp.style.visibility = "Visible";
	}

	function HidePopup()
	{
		hp = document.getElementById("hoverpopup");
		hp.style.visibility = "Hidden";	
	}
//========================================//