
<!--
var imgTop;
var imgLeft;
var clicker = false;
var sites = new Array();
var siteSpan;
				
function bodyOnLoad()
{
    if (!(typeof mapName == "undefined"))
    {
	    setImagePosition();
	    displaySites();
	}
}


function setImagePosition()
{

    //mapName is set in mappage prerender

    //Establish the top left corner of the map image on the web page

    //Site positions will be relative to this position so that it does not
    //matter where map is on web page.

	var map = document.images[mapName];
	
	if (map!=null)
	{
		imgLeft = map.offsetLeft; 
		
		tempEl = map.offsetParent;
		while (tempEl != null) 
		{ 
			imgLeft += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		}
		
		imgTop = map.offsetTop; 
		tempEl = map.offsetParent;
		while (tempEl != null) 
		{ 
			imgTop += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		} 
	}
}

function addSite(siteId, siteName, siteType, siteX, siteY, siteVisible)
{
    // add an individual site to array of sites to render
    // calls to this are created dynamically
    sites[sites.length]= new SiteData(siteId, siteName, siteType, siteX, siteY, siteVisible );
}

function displaySites()
{
	if (sites.length > 0);
	{
		var cnt;
		
		for (cnt in sites)
		{
			var site = sites[cnt];
			
			if ((site.x) != -1)
			{
			    var site = sites[cnt];
			    var element = document.getElementById(site.id);
			    if (element != null)
			    {
			        // if item already exists, display (ajax request)
			        element.style.visibility = "visible";
			    }
			    else
			    {
			        // create item first time an image display is requested
				    element = document.createElement("span");
				    element.id = site.id;
				    if (site.siteType=="F")
					    { 
						    element.onclick = function() {showSite(this.id)};
						    element.className = "Site";
					    }
				    else
					    {
						    element.onclick= function() {showPark(this.id)};
						    element.className = "Park";
					    }
    				
				    element.innerHTML = site.name;
				    element.style.left = (site.x + imgLeft);
				    element.style.top = (site.y + imgTop);
				    element.style.visibility = "visible";
				    document.body.appendChild(element);
				}
			}
		}
	}
}


function hideSites()
{
    // hide sites on ajax request after map button (to hide) is clicked
	if (sites.length > 0);
	{
		var cnt;
		
		for (cnt in sites)
		{
			var site = sites[cnt];
			var element = document.getElementById(site.id);
			element.style.visibility = "hidden";
		}
	}
	
}

function SiteData(siteId, siteName, siteType, siteX, siteY, siteVisible )
{	
	this.id = siteId;
	this.name = siteName;
	this.siteType = siteType;
	this.x = parseInt(siteX); 
	this.y = parseInt(siteY); 
	this.visible = siteVisible;
}

function showPark(siteId)
{
	window.location.href = "ViewPark.aspx?p=" + siteId;
}


function showSite(siteId)
{
	openSizedWindow('SiteDetail.aspx?id='+siteId,'Site','resizable=yes,scrollbars=yes',535,400,'ur',0);
	
}
	
						
//-->