//<![CDATA[  
    var iconPink = new GIcon(); 
    iconPink.image = 'http://www.discoverdauphin.com/images/map_icon_business.png';
    iconPink.shadow = 'http://www.discoverdauphin.com/images/map_icon_shadow.png';
    iconPink.iconSize = new GSize(24, 31);
    iconPink.shadowSize = new GSize(40.0, 31.0);
    iconPink.iconAnchor = new GPoint(11, 30);
    iconPink.infoWindowAnchor = new GPoint(5, 1);

    var iconOrange = new GIcon(); 
    iconOrange.image = 'http://www.discoverdauphin.com/images/map_icon_daytrip.png';
    iconOrange.shadow = 'http://www.discoverdauphin.com/images/map_icon_shadow.png';
    iconOrange.iconSize = new GSize(24, 31);
    iconOrange.shadowSize = new GSize(40.0, 31.0);
    iconOrange.iconAnchor = new GPoint(11, 30);
    iconOrange.infoWindowAnchor = new GPoint(5, 1);

    var iconPurple = new GIcon(); 
    iconPurple.image = 'http://www.discoverdauphin.com/images/map_icon_organization.png';
    iconPurple.shadow = 'http://www.discoverdauphin.com/images/map_icon_shadow.png';
    iconPurple.iconSize = new GSize(24, 31);
    iconPurple.shadowSize = new GSize(40.0, 31.0);
    iconPurple.iconAnchor = new GPoint(11, 30);
    iconPurple.infoWindowAnchor = new GPoint(5, 1);

    var iconGreen = new GIcon(); 
    iconGreen.image = 'http://www.discoverdauphin.com/images/map_icon_people.png';
    iconGreen.shadow = 'http://www.discoverdauphin.com/images/map_icon_shadow.png';
    iconGreen.iconSize = new GSize(24, 31);
    iconGreen.shadowSize = new GSize(40.0, 31.0);
    iconGreen.iconAnchor = new GPoint(11, 30);
    iconGreen.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'http://www.discoverdauphin.com/images/map_icon_interest.png';
    iconRed.shadow = 'http://www.discoverdauphin.com/images/map_icon_shadow.png';
    iconRed.iconSize = new GSize(24, 31);
    iconRed.shadowSize = new GSize(40.0, 31.0);
    iconRed.iconAnchor = new GPoint(11, 30);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var iconGrey = new GIcon(); 
    iconGrey.image = 'http://www.discoverdauphin.com/images/map_icon_spirit.png';
    iconGrey.shadow = 'http://www.discoverdauphin.com/images/map_icon_shadow.png';
    iconGrey.iconSize = new GSize(24, 31);
    iconGrey.shadowSize = new GSize(40.0, 31.0);
    iconGrey.iconAnchor = new GPoint(11, 30);
    iconGrey.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["business"] = iconPink;
    customIcons["daytrip"] = iconOrange;
    customIcons["organization"] = iconPurple;
    customIcons["people"] = iconGreen;
    customIcons["interest"] = iconRed;
    customIcons["spirit"] = iconGrey;
    var markerGroups = { "business": [], "daytrip": [], "organization": [], "people": [], "interest": [], "spirit": []};

	function load() {
		if (GBrowserIsCompatible()) {
		
		  var i = 0;
	
		  // Create the map
		  // Make sure this element has the same ID as your div
          var map = new GMap2(document.getElementById("googlemap-toggle"));
          map.setCenter(new GLatLng(51.149633,-100.049486), 14);
          var mgrOptions = { borderPadding: 50, maxZoom: 18, trackMarkers: false };
          var mgr = new MarkerManager(map, mgrOptions);
          map.addControl(new GLargeMapControl());
          map.addControl(new GOverviewMapControl());
		  map.addControl(new GMapTypeControl());

	
		  // Read the data from XML
		  var request = GXmlHttp.create();
		  request.open("GET", "map.xml", true);
		  request.onreadystatechange = function() {
			if (request.readyState == 4) {
			  var xmlDoc = request.responseXML;
			  // Obtain the array of markers and loop through it
			  var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			  
			  for (var i = 0; i < markers.length; i++) {
				// Obtain the attribues of each marker
				var lat = parseFloat(markers[i].getAttribute("lat"));
				var lng = parseFloat(markers[i].getAttribute("lng"));
				var point = new GLatLng(lat,lng);
				var name = markers[i].getAttribute("name");
				var phone = markers[i].getAttribute("phone");
				var address = markers[i].getAttribute("address");
				var url = markers[i].getAttribute("url");
                var type = markers[i].getAttribute("type");
				var marker = createMarker(point,name,phone,address,url,type);
				map.addOverlay(marker);
			  }
			}
		  }
		  request.send(null);
		  
		  // Function to create the marker and set up the event window
		  function createMarker(point,name,phone,address,url,type) {
          var marker = new GMarker(point, customIcons[type]);
          markerGroups[type].push(marker);
			var markerhtml = "";
			if (name != "") markerhtml += "<font size=3><b>" + name + "</b></font><br>";
			markerhtml += address + "<br>";
			if (phone != "") markerhtml += "phone:" + phone + "<br>";
			if (url != "") markerhtml += "<A href=http://www.discoverdauphin.com/tours/" + url +"/tour.htm target=_blank>VIRTUAL TOUR</a>";
			// Add a click event to each marker which will open the HTML window
			GEvent.addListener(marker, "click", function() {
			  marker.openInfoWindowHtml(markerhtml);
			});
			i++;
			return marker;
		  }
		}
		// Javascript alert for older browsers where Google Maps isn't supported
		else {
		  alert("Sorry, the Google Maps API is not compatible with this browser");
		}
	}
    //]]>