function fo_about_mouseover(event)
{
	// http://developer.apple.com/internet/webcontent/eventmodels.html
	event = event ? event : (window.event ? window.event : "")
	var target = event.target ? event.target : event.srcElement;

	var text = target.alt;

	if (text.indexOf(":") > -1)
	{
		var section = text.substring(0, text.indexOf(":"));
		var title = text.substring(text.indexOf(":") + 1);
		text = section + "<br /><span class='light'>&nbsp;&raquo;&nbsp;</span> <strong>" + title + "</strong>";
	}
	else
	{
		text = "<strong>" + text + "</strong>";
	}

	var label = document.getElementById("menu_about_label");

	label.innerHTML = "About <br /><span class='light'>&nbsp;&raquo;&nbsp;</span> " + text;
}

function fo_about_mouseout(event)
{
	var label = document.getElementById("menu_about_label");
	label.innerHTML = "<div class='light'>Select a section</div>";
}

function fo_about_init()
{
	var map = document.getElementById("menu_about_map");
	var areas = map.getElementsByTagName("area");
	for (var i = 0; i < areas.length; i++)
	{
		areas[i].onmouseover = fo_about_mouseover;
		areas[i].onmouseout = fo_about_mouseout;
	}
}