function getPageX(evt) {
	if (evt.pageX) {
		return evt.pageX;
	} else if (evt.clientX) {
		return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
	} else {
		return null;
	}
}
function getPageY(evt) {
	if (evt.pageY) {
		return evt.pageY;
	} else if (evt.clientY) {
		return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	} else {
		return null;
	}
}
		

function displayMapInfo(content,e) {
	document.getElementById("mapInfoContent").innerHTML = content;
	var mapInfo = document.getElementById("mapInfo");
	mapInfo.style.display='block';		
	mapInfo.style.top = (getPageY(e)-50)+'px';
	mapInfo.style.left = (getPageX(e)+20)+'px';
}

function closeMapInfo() {
	document.getElementById("mapInfoContent").innerHTML = '';
	document.getElementById("mapInfo").style.display='none';
}