//<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.389333 , -2.358560 ), 6);

		// Create a base icon for all of our markers that specifies the
		// shadow, icon dimensions, etc.
		var baseIcon = new GIcon();
		//baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		//baseIcon.iconSize = new GSize(40, 50);
		//baseIcon.shadowSize = new GSize(37, 34);
		//baseIcon.iconAnchor = new GPoint(20, 50);
		//baseIcon.infoWindowAnchor = new GPoint(35, 10);
		//baseIcon.infoShadowAnchor = new GPoint(18, 50);


		//var baseIcon = new GIcon();
		baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(40, 68);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(20, 68);
		baseIcon.infoWindowAnchor = new GPoint(38, 10);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);
		// Creates a marker at the given point with the given number label
			function createMarker(point, index, eventTitle, eventLocation, eventDate, eventContact, eventTel, eventEmail) {
  				// Create a lettered icon for this point using our icon class
				var letter = String.fromCharCode("A".charCodeAt(0) + index);
				var icon = new GIcon(baseIcon);
 				icon.image = "http://www.grwe.com/images/grwePointer2.png";
				var marker = new GMarker(point, icon);
  				GEvent.addListener(marker, "click", function() {
   				marker.openInfoWindowHtml("<b>" + eventTitle + "</b><br />" + eventLocation + "<br />" + eventDate + "<br />" + eventContact + "<br />" + eventTel + "<br />" + eventEmail );
 				});

  			return marker;
			}	
		
		
        // Download the data in data.xml and load it on the map. The format we
        // expect is:
        // <markers>
        //   <marker lat="37.441" lng="-122.141"/>
        //   <marker lat="37.322" lng="-121.213"/>
        // </markers>
		var myRand = parseInt(Math.random()*9999999999999999);
		
        GDownloadUrl("eventSponsoredData.asp?rnd=" + myRand, function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
			map.addOverlay(createMarker(point, i, markers[i].getAttribute("eventTitle"), markers[i].getAttribute("eventLocation"), markers[i].getAttribute("eventDate"), markers[i].getAttribute("eventContact"), markers[i].getAttribute("eventTel"), markers[i].getAttribute("eventEmail")));

          }
        });
      }
    }

    //]]>