function moveStateInfo(ev)
{
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);
	document.getElementById('stateInfo').style.left=(mousePos.x+10)+'px';
	document.getElementById('stateInfo').style.top=(mousePos.y+10)+'px';
}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.documentElement.scrollLeft,
		y:ev.clientY + document.documentElement.scrollTop
	};
}
function showState(ev)
{
	ev           = ev || window.event;
	document.getElementById('stateInfo').innerHTML=this.state+' '+this.list_type+': '+this.num;
	moveStateInfo(ev);
}
function hideState()
{
	//document.getElementById('stateInfo').innerHTML=' ';
}
function isPopulatedState()
{
	if(parseInt(this.num)==0)
	{
		document.getElementById('stateInfo').innerHTML='<div style="color:red;font-weight:bold;">There are NO '+this.list_type+' in '+this.state+'!</div>';
		return false;
	}
	return true;
}
function areaSetup( )
{
	//document.getElementById('coloradoStates').onmouseover=moveStateInfo;
	// Initialize array of all elements of the page
	var areas = new Array();
	areas = document.getElementsByTagName("area");
	
	// Traverse all elements looking for elements of this class
	for(i=0; i<areas.length; i++)
	{
		areas[i].state=areas[i].getAttribute("State");
		areas[i].num=areas[i].getAttribute("num");
		if(areas[i].num=="")
		{
			areas[i].num=0;
		}
		areas[i].list_type=areas[i].getAttribute("list_type");
		areas[i].onmouseover=showState;
		areas[i].onmouseout=hideState;
		areas[i].onmousemove=moveStateInfo;
		areas[i].onclick=isPopulatedState;
	}
}
areaSetup();