//When using on other pages remember to modify coordinates as well as the findPos function
function MapClicked(event,MapImage) {
	var coordX;
	var coordY;
	var TopLat = 31.3325;
	var BottomLat = 30.5977;
	var LeftLong = -85.0564;
	var RightLong = -83.8089;
	var borderWidthBottom = 0;
	var borderWidthLeft = 0;
	var borderWidthTop = 0;
	var borderWidthRight = 0;
	var targetZoom = 11;
	var pHeight = MapImage.height;
	var pWidth = MapImage.width;
	var latScale = (BottomLat-TopLat)/(pHeight-borderWidthTop-borderWidthBottom);
	var longScale = (RightLong-LeftLong)/(pWidth-borderWidthLeft-borderWidthRight);
	coordX = findClick(event,MapImage)[0];
	coordY = findClick(event,MapImage)[1];
	var longX;
	var latY;
	longX = (coordX - borderWidthLeft) * longScale + LeftLong;
	latY = (coordY - borderWidthTop) * latScale + TopLat;
	self.location = "/newmap.asp?latlong=" +latY+","+longX+"&MapZoom="+targetZoom;
}

function findClick(event,obj) {
var ScrollTop = document.body.scrollTop;
var ScrollLeft = document.body.scrollLeft;
if (ScrollLeft == 0)
	{
	    if (window.pageYOffset)
	        ScrollLeft = window.pageXOffset;
	    else
	        ScrollLeft = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
	}
if (ScrollTop == 0)
	{
	    if (window.pageYOffset)
	        ScrollTop = window.pageYOffset;
	    else
	        ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	return [event.clientX-findPos(obj)[0]+ScrollLeft,event.clientY-findPos(obj)[1]+ScrollTop];

}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	do {
		if (curtop > 800) {
		//Number below is the number of pixels down from top of page that the map starts. Two numbers around it should be this number rounded up and then increased by 100
			curtop = curtop - 631;
		}
	} while (curtop > 800)
	return [curleft,curtop]
}
