// JavaScript Document

var map = null;
		
		function Locations()
		{	
			map = new VEMap('mymapdiv');
			map.onLoadMap = fnLoadCollection;
			map.LoadMap();
		}
		
		function fnLoadCollection()
		{
			document.getElementById('searchresults').style.border = "solid #990000";
			document.getElementById('searchresults').innerHTML = "<center><br><b>loading 750turbo owners...please wait</b></center>";
			
			var veLayerSpec = new VELayerSpecification();
			veLayerSpec.Type = VELayerType.VECollection;
			veLayerSpec.ID = "MYLAYER";
			veLayerSpec.FnCallback = fnLayerLoaded;
			veLayerSpec.LayerSource ="6AECE30CF56A5F98!338&encType=1";
			map.AddLayer(veLayerSpec);
			
		}
		
		function fnLayerLoaded(points)
		{
			document.getElementById('searchresults').style.visibility = "visible";
			document.getElementById('searchresults').style.top = "77";
			document.getElementById('searchresults').style.height = "14";
			document.getElementById('searchresults').style.border = "none";


			document.getElementById('searchresults').innerHTML = "<center>" + points.length + " owners loaded ";
			var outline = "";
			var cnt=0;
			for (cnt=0;cnt < points.length; cnt++) {
				var lnk = "<a href='#' onclick='javascript:map.SetCenterAndZoom(new VELatLong(" + 
					points[cnt].LatLong.Latitude + "," + 
					points[cnt].LatLong.Longitude + "),16);'>";
				outline = outline + "<b>" + lnk + (cnt+1) + ". " + 
					points[cnt].Title + "</a></b><br>" +
					points[cnt].Details +  "<br><br>";
					
				//Update each Pushpins Icon to be a numbered circle.
				points[cnt].Iconurl = "http://www.picturebird.com/map/map-pin1.gif";
			}
			//Refresh the layer on the map by hiding it and then re-displaying it.
			map.HideLayer("MYLAYER"); 
            map.ShowLayer("MYLAYER"); 

			outline = outline + "";
			
	//		document.getElementById('searchresults').innerHTML = outline;
		}