if (GBrowserIsCompatible()) {
	 var side_bar_html = "";
	 var side_bar_html2 = "";
	 var side_bar_html3 = "";
      var gmarkers = [];
	   var icons = [];
	   var mouseovers = [];
      var htmls = [];
	  var to_htmls = [];
      var from_htmls = [];
      var i = 0;
	  
	  
	  var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.setCenter(new GLatLng(43.089575, -79.080899),14);
	  
	  
	  var baseIcon = new GIcon();
          baseIcon.iconSize=new GSize(32,32);
         // baseIcon.shadowSize=new GSize(56,32);
          baseIcon.iconAnchor=new GPoint(16,32);
          baseIcon.infoWindowAnchor=new GPoint(16,0);
			  
 function createMarker(point,name,html,infolink,thisIcon,icon,mouseover) {
		icon.iconSize=new GSize(32,32);
        var marker = new GMarker(point,thisIcon);
		
		
		
		// The info window version with the "to here" form open
        to_htmls[i] = '<div id="infoWindow" style="font-size:10px;text-align:left;">' + html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
           '<br /><br />Start address: <form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=20 MAXLENGTH=20 name="saddr" id="saddr" value="" />' +
           '<INPUT class="button" value="go" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +                 
           '"/></div>';
		   
		   
		   
        // The info window version with the "to here" form open
        from_htmls[i] = '<div id="infoWindow" style="font-size:10px;text-align:left;">' + html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
           '<br /><br />End address: <form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=20 MAXLENGTH=20 name="daddr" id="daddr" value="" />' +
           '<INPUT class="button" value="go" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +                 
           '"/></div>';
		   
		   
		   
		   
				
		  // The inactive version of the direction info
        html = '<div id="infoWindow" style="font-size:10px;text-align:left;">' + html + 'Directions: <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a></div>';
		
		if (infolink)
		{
			html += '<div  style="margin-top:3px;font-size:10px;text-align:left;"><a href="' + infolink + '">More info</a></div>';	
			
		}
			
			
			
			
		
		
		
		 GEvent.addListener(marker, "click", function() {
		// Create an EWindow    						 
       	marker.openInfoWindowHtml(html);
		 map.setCenter(new GLatLng(43.089575, -79.080899),13);
		
       	});
		GEvent.addListener(marker, "mouseover", function()
         {
         	//marker.openInfoWindowHtml("<b>This is where I work!</b>");
			marker.setImage(mouseover);
		 }); 
		
		GEvent.addListener(marker, "mouseout", function()
         {
         	//marker.openInfoWindowHtml("<b>This is where I work!</b>");
			marker.setImage(icon);
		 }); 
		
		
		gmarkers[i] = marker;
        htmls[i] = html;
		 icons[i] = icon;
		 mouseovers[i] = mouseover;
		
	if(name)
		{	
			side_bar_html += '<div style="clear:both;font-size:10px;padding-bottom:4px;padding-top:5px;background-color:#FEFCF1;margin-top:2px;margin-bottom:3px;text-decoration:none;"><img src="images/orange_bullet.gif"  style="margin-left:5px; margin-right:5px;"  /><a href="javascript:myclick(' + i + ')" onmouseover="gmarkers['+i+'].setImage(mouseovers['+i+'])" onmouseout="gmarkers['+i+'].setImage(icons['+i+'])" style="color:#5C75A0;text-decoration:none;">' + name + '</a></div>';
			
		
		
		}
		
		
		i++;
        return marker;	 	
		
		}	
				
		 function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
		 map.setCenter(new GLatLng(40.82589,-95.10040),13);
      }
		
		// functions that open the directions forms
      	function tohere(i) {
        gmarkers[i].openInfoWindowHtml(to_htmls[i]);
      	}
     	function fromhere(i) {
        gmarkers[i].openInfoWindowHtml(from_htmls[i]);
     	 }
		
		GDownloadUrl("scripts/map_Niagaraattractions.xml", function (doc) {
        var xmlDoc = GXml.parse(doc);
		var mapLatitude = xmlDoc.documentElement.getElementsByTagName("latitude");
		var setLat = parseFloat(mapLatitude[0].getAttribute("setLat"));
		
		var mapLongitude = xmlDoc.documentElement.getElementsByTagName("longitude");
		var setLong = parseFloat(mapLongitude[0].getAttribute("setLong"));	
			
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");
		var airports = xmlDoc.documentElement.getElementsByTagName("airports");
		
        var latitude = markers[0].getElementsByTagName("latitude"); 
		var longitude = markers[0].getElementsByTagName("longitude"); 
		
		
		
		
		
	 
		  // Set up three markers with info windows 
		 for (var i = 0; i < markers.length; i++)
		 {
			var lat = parseFloat(markers[i].getAttribute("lat"));
			var lng = parseFloat(markers[i].getAttribute("lng"));
			var description = markers[i].getAttribute("description");
			var point = new GLatLng(lat,lng); 
			var html = markers[i].getAttribute("html");		
			var html = "<div style='width:170px;text-align:left;'><strong>"+ html +  "</strong>";
			
			if(description)
			{
			
			var html = html + "<br />" + description ;
			
			}
			
			var html = html + "</div>"
			
			var label = markers[i].getAttribute("label");		  
			var icon = markers[i].getAttribute("icon");
			var shadow = markers[i].getAttribute("shadow");
			var mouseover = markers[i].getAttribute("mouseover");
			var infolink = markers[i].getAttribute("link");
			var thisIcon = new GIcon(baseIcon, icon, null, shadow);
			var marker = createMarker(point,label,html,infolink,thisIcon,icon,mouseover)
			map.addOverlay(marker);	
			
		 }
	
	 document.getElementById("side_bar").innerHTML = side_bar_html; 
	 
  });	
	
}