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

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
				map.addControl(new GLargeMapControl());
				map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(0, 0), 1);

				plot_points(map);
      }
    }

		// Creates a marker at the given point with the given number label
		function createMarker(map, point, title, text, col) {
		  var marker;
		  if(col == 'b') {
		  	marker = new GMarker(point, bicon);
		  } else if (col == 'g') {
		  	marker = new GMarker(point, gicon);
			} else {
				marker = new GMarker(point, ricon);	
			}
			
		  GEvent.addListener(marker, "click", function() {
		    marker.openInfoWindowHtml("<b>" + title + "</b><br/>" + text);
		  });
		  
		  map.addOverlay(marker);
		}    

    function plot_points(map) {
	createMarker(map, new GLatLng(27.97,-82.8), "1. <a href=\"#clearwater\">Clearwater Beach, Florida</a>", "",'r');
	createMarker(map, new GLatLng(50.81,-0.11), "2. <a href=\"#brighton\">Brighton Beach, UK</a>", "",'r');
	createMarker(map, new GLatLng(7.896,98.29), "3. <a href=\"#patong\">Patong Beach, Thailand</a>", "",'r');
	createMarker(map, new GLatLng(36.89,-121), "4. <a href=\"#sunsetbeach\">Sunset State Beach, CA</a>", "",'r');
	createMarker(map, new GLatLng(33.86,-118), "5. <a href=\"#hermosabeach\">Hermosa Beach, CA</a>", "",'r');
	createMarker(map, new GLatLng(43.55,7.016), "6. <a href=\"#cannes\">Cannes, France</a>", "",'r');
	createMarker(map, new GLatLng(40.82,14.21), "7. <a href=\"#naples\">Naples, Italy</a>", "",'r');
	createMarker(map, new GLatLng(-34.6,-58.3), "8. <a href=\"#buenosaires\">Buenos Aires, Argentina</a>", "",'r');
	createMarker(map, new GLatLng(21.29,-157), "9. <a href=\"#honolulu\">Waikiki Beach, Hawaii</a>", "",'r');
	createMarker(map, new GLatLng(43.5,-78.0), "10. <a href=\"#ontario\">Lake Ontario, Canada</a>", "",'r');

    }