// 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(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Get i'th icon
function ithIcon(index) {
	var letter = String.fromCharCode("A".charCodeAt(0) + index);
	return "http://www.google.com/mapfiles/marker" + letter + ".png";
}

// Creates a marker whose info window displays the letter corresponding to
// the given index
function createMarker(point, ithIcon, info) {
	// Create a lettered icon for this point using our icon class from above
	var icon = new GIcon(baseIcon);
	icon.image = ithIcon;
	var marker = new GMarker(point, icon);
	
	// Show this marker's index in the info window when it is clicked
	GEvent.addListener(marker, "click", function() {
	    marker.openInfoWindowHtml(info);
	});
	
	return marker;
}

// Create the marker and corresponding information window
function createInfoMarker(point, info) {
   var marker = new GMarker(point);
   GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(info);
   });
   return marker;
}

function openBalloon(marker, info) {
	if (marker != null)
		marker.openInfoWindowHtml(info);
}