// JavaScript Document
/* Author: Steven Grindle
created 26 Sep 2009
last revision: 26 Sep 2009

Purpose: When an item on a page is mouse-overed, display a centered <div id="whatever">

Name and define the div id styles
#id_of_div {
	position: fixed;
	left: 25%;
	top: 20%;
	display: none;
	width: 50%;
	text-align: center;
	font-size: 1.3em;
	border: 2px solid #000000;
}
*/


function activate(id_of_div){ //Display the <div> tag onmouseover.
		document.getElementById(id_of_div).style.display = "block"; 
}

function deactivate(id_of_div){ //Hide the <div> tag on mouseout.
		document.getElementById(id_of_div).style.display = "none"; 
}