//<![CDATA[

    var iconYellow = new GIcon(); 
    iconYellow.image = 'http://labs.google.com/ridefinder/images/mm_20_yellow.png';
    iconYellow.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconYellow.iconSize = new GSize(12, 20);
    iconYellow.shadowSize = new GSize(22, 20);
    iconYellow.iconAnchor = new GPoint(6, 20);
    iconYellow.infoWindowAnchor = new GPoint(5, 1);

    var iconWhite = new GIcon(); 
    iconWhite.image = 'http://labs.google.com/ridefinder/images/mm_20_white.png';
    iconWhite.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconWhite.iconSize = new GSize(12, 20);
    iconWhite.shadowSize = new GSize(22, 20);
    iconWhite.iconAnchor = new GPoint(6, 20);
    iconWhite.infoWindowAnchor = new GPoint(5, 1);

    var iconGreen = new GIcon(); 
    iconGreen.image = 'http://labs.google.com/ridefinder/images/mm_20_green.png';
    iconGreen.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconGreen.iconSize = new GSize(12, 20);
    iconGreen.shadowSize = new GSize(22, 20);
    iconGreen.iconAnchor = new GPoint(6, 20);
    iconGreen.infoWindowAnchor = new GPoint(5, 1);

    var iconBlue = new GIcon(); 
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var iconPurple = new GIcon(); 
    iconPurple.image = 'http://labs.google.com/ridefinder/images/mm_20_purple.png';
    iconPurple.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconPurple.iconSize = new GSize(12, 20);
    iconPurple.shadowSize = new GSize(22, 20);
    iconPurple.iconAnchor = new GPoint(6, 20);
    iconPurple.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["S1"] = iconYellow;
    customIcons["S2"] = iconWhite;
    customIcons["S2 SE"] = iconWhite;
    customIcons["S3"] = iconGreen;
    customIcons["S3 SE"] = iconGreen;
    customIcons["S4"] = iconBlue;
    customIcons["S4 SE"] = iconBlue;
    customIcons["Sprint"] = iconRed;
    customIcons["+2"] = iconPurple;
    customIcons["+2S"] = iconPurple;
    customIcons["+2S/130"] = iconPurple;
    customIcons["+2S/130/5"] = iconPurple;

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
//      map.addControl(new GLargeMapControl3D());

        map.addControl(new GMapTypeControl());
     	// Center on PDX and zoom level 2
        //map.setCenter(new GLatLng(45.523453, -122.676208), 2);
        map.setCenter(new GLatLng(18.0, 0.0), 2);

	// Auto fit map
	// map.setCenter(new GLatLng(0,0),0);
	// var bounds = new GLatLngBounds();

       // Change this depending on the name of your PHP file
       GDownloadUrl("include/genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var username = markers[i].getAttribute("username");
	        var series = markers[i].getAttribute("series");
	        var variant = markers[i].getAttribute("variant");
	        var year = markers[i].getAttribute("year");
	        var type = markers[i].getAttribute("type");
	        var firstname = markers[i].getAttribute("FirstName");
	        var lastname = markers[i].getAttribute("LastName");
	        var url = markers[i].getAttribute("url");
	        var image = markers[i].getAttribute("image");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lon")));
            var marker = createMarker(point, url, username, series, variant, year, type, firstname, lastname, image);
            map.addOverlay(marker);
	 //     bounds.extend(point);
          }
        });
	// map.setZoom(map.getBoundsZoomLevel(bounds));
	// map.setCenter(bounds.getCenter());
      }
    }

    function createMarker(point, url, username, series, variant, year, type, firstname, lastname, image) {
      var marker = new GMarker(point, customIcons[series]);

	  // Yuk.  I should be able to do this better
	  if( image == "userimages/thumbs/" ){
      	var html = "<b>" + firstname + " " + lastname + "</b><br>Series:" +  series + "<br>Type:" + type + "<br>Variant:" + variant + "<br>Year:" + year + "<br>" + "<a href=\"" + url + "\">Details</a>" + "<br>";
	  } else
	  {
      	var html = "<b>" + firstname + " " + lastname + "</b><br>Series:" +  series + "<br>Type:" + type + "<br>Variant:" + variant + "<br>Year:" + year + "<br>" + "<img src=\"" + image + "\">" + "<br>" + "<a href=\"" + url + "\">Details</a>" + "<br>";
	  }




      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>