/* Add to page
<div id="info" class="info"></div>
<script language="JavaScript" type="text/javascript" src="scripts/scripts.js"></script>
<script language="JavaScript" type="text/javascript">
arrInfo[1] = "Description 1";
</script>
*/

// JavaScript Document

// Cursor Position

var curPosX,curPosY;

document.onmousemove=getCursorPos;

// Info Popup

var objInfo;
var arrInfo = new Array();

objInfo=document.getElementById("info").style;
objInfo.visibility="visible";
objInfo.display="none";
document.onmouseup=killInfo;

// Cursor Position (functions)

function getCursorPos(e){
	if (!e) {
		curPosX=event.x+document.body.scrollLeft;
		curPosY=event.y+document.body.scrollTop;
	} else {
		curPosX=e.pageX;
		curPosY=e.pageY;
	}
}

// Info Popup (functions)

function showInfo(intInfo){
	var content="<table class=\"info\"><td>"+arrInfo[intInfo]+"</td></table>";
	document.getElementById("info").innerHTML=content;
	objInfo.display='';
	objInfo.left=curPosX+(-20);
	objInfo.top=curPosY+10;
}

function killInfo(){
	objInfo.display="none";
}