// JavaScript Document
function navMouseOver(element)
{
	// Get the mouse over arrow div
	var moArrow = document.getElementById("mouseOverPic");
	
	// left of span layer + half the width of the span layer - half the width of the arrow
	var selMid = element.offsetLeft + Math.ceil(element.offsetWidth / 2) - 6;
	
	// Set the position of where the arrow should be displayed
	moArrow.style.left = selMid + "px";
	moArrow.style.top = "-24px";
	
	// Make the mouse over picture visible
	moArrow.style.visibility = "visible";
}

function navMouseOut()
{
	document.getElementById("mouseOverPic").style.visibility = "hidden";
}