var map;

// Create from icon
var from_icon = new GIcon();
from_icon.image = 'googlemaps/pin_yellow.png';
from_icon.shadow = 'googlemaps/pin_shadow.png';
from_icon.iconSize = new GSize(12, 20);
from_icon.shadowSize = new GSize(22, 20);
from_icon.iconAnchor = new GPoint(6, 20);
from_icon.infoWindowAnchor = new GPoint(5, 1);
	
// Create instructor icon
var site_icon = new GIcon();
site_icon.image = 'googlemaps/pin_green.png';
site_icon.shadow = 'googlemaps/pin_shadow.png';
site_icon.iconSize = new GSize(12, 20);
site_icon.shadowSize = new GSize(22, 20);
site_icon.iconAnchor = new GPoint(6, 20);
site_icon.infoWindowAnchor = new GPoint(5, 1);

function createMap(){
	var newMap = new GMap2(document.getElementById("map"));
	// Add the controls
	newMap.addControl(new GSmallMapControl());
	newMap.addControl(new GMapTypeControl());
	// Center the map
	newMap.setCenter(new GLatLng(lat_center,lon_center), zoom_level);
	newMap.setMapType(G_NORMAL_MAP);

	// Add instructor markers
	for (var i = 0; i < num_locations; i++) {
		var newMarker = new PdMarker( new GLatLng(locations[i][1],locations[i][2]), site_icon);
		newMarker.setTooltip(locations[i][0]);
            var html;
		html = "<p class='DetailWin'><b>" + locations[i][0] + "</b>" +
			"<br>&bull; " + locations[i][4] +
			"<br>&bull; " + locations[i][5];
		if (locations[i][6] != "") {
			html = html +
				"<br>&bull; <a class='DetailWin' href='mailto:" + locations[i][6] + "'>" + locations[i][6] + "<\/a>";
		}
		html = html + "<br>&bull; " + locations[i][7];
		html = html + "<br>&bull; " + locations[i][8];
		newMarker.setDetailWinHTML(html);
		newMarker.setHoverImage("googlemaps/pin_red.png");
		newMap.addOverlay(newMarker);
	}

	// Add from marker
	if (location_type != "state") {
		var newMarker = new PdMarker( new GLatLng(lat_from,lon_from), from_icon);
		newMarker.setTooltip(loc_from);
		newMarker.setHoverImage("googlemaps/pin_red.png");
		newMap.addOverlay(newMarker);
	}

	return newMap;
}