// Simple follow the mouse script

var divName = 'aerialMapOverlay'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = 15;          // X offset from mouse position
var offY = -269;          // Y offset from mouse position

function mouseX(evt) {
	if (!evt) {
		evt = window.event;
	}
	
	if (evt.pageX) {
		return evt.pageX;
	} else if (evt.clientX) {
		return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
	} else {
		return 0;
	}
}

function mouseY(evt) {
	if (!evt) {
		evt = window.event; 
	}
	
	if (evt.pageY) {
		return evt.pageY;
	} else if (evt.clientY) {
		return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
	} else {
		return 0;
	}
}

function follow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style; 
		obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		obj.top = (parseInt(mouseY(evt))+offY) + 'px';
	}
}
document.onmousemove = follow;

function showAccom(layer_id, title, image) {
	document.getElementById(layer_id).style.display = "block";
	document.getElementById(layer_id).innerHTML = '<b>' + title + '</b><br><br>';
	document.getElementById(layer_id).innerHTML += '<img src="' + image + '" border="0" width="320" alt="' + title + '">';
}  

function hideAccom(layer_id) {
	document.getElementById(layer_id).style.display = "none";
}