/* overState(state) and outState() are the only functions that are required by the image map, the rest of the code is just to show the mouse's position on the image so you can easily figure out what x,y coords the map image needs for each state */

//document.onmousemove = mouseMove(event);

var OffsetY = 0;
var OffsetX = 0;
var MouseX = 0;
var MouseY = 0;	

/*mouseMove(event)
    this will display mouse coordinates, relative to the image, given by Mouse X / Y - the image's X / Y offset
*/

/*
function mouseMove(event) 
	{
	MouseX = event.clientX;
	MouseY = event.clientY;
	map = document.getElementById('mapImage');
    document.form1.boxStatsYLoc.value = (MouseY - map.offsetTop) ;
    document.form1.boxStatsXLoc.value = (MouseX - map.offsetLeft) ;	
    }
*/

/*overState(state)
 Takes in an argument called state which relates to whatever state the user has their mouse over
 to call this, use onMouseOver="overState(statename)" in the html page.  (i.e. overState(florida))
 it will switch the default map image to the map image with the mouse over'ed state highlighted. The image name must be statename.gif
 where statename is the name of the state */
function overState(state)
{   
    document.getElementById('mapImage').src = ("maphover/" + state + ".gif");    
}

/*outSate()*/
/*This will change the map image back to the default image with no states selected*/

function outState()
{   
    document.getElementById('mapImage').src = ("maphover/map.gif");    
}