//<![CDATA[
function load() {
	if (GBrowserIsCompatible()) {
		var gmarkers = [];
		var htmls = "";
		var i = 0;
		
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
	    map.addControl(new GMapTypeControl());
	    // center set to st. louis (38.624381,-90.32959), 10)
	    map.setCenter(new GLatLng(0,0), 0);
	      	
   	  	// base icons
    	var baseIcon = new GIcon();
     	baseIcon.iconSize = new GSize (12,20);
     	baseIcon.shadow = "http://graphicdesignr.net/mm/shadow.png";
     	baseIcon.shadowSize = new GSize(22,20);
      	baseIcon.iconAnchor = new GPoint(6,20);
      	baseIcon.infoWindowAnchor = new GPoint (6,1);
      	baseIcon.infoShadowAnchor = new GPoint(13,13);
		         	
	    // array of customized icons
	   	var gicons = [];
      	gicons["Barack Obama"] = new GIcon(baseIcon, "http://graphicdesignr.net/mm/blue.png");
      	gicons["John McCain"] = new GIcon(baseIcon, "http://graphicdesignr.net/mm/red.png");
				    
	    // function creates marker and window
	    function createMarker(point, paper, endorse, circ, link, pick04, pick00) {
	    	var marker = new GMarker(point,gicons[endorse]);
	    	GEvent.addListener(marker, "click", function() {

if (pick00=="Al Gore" || pick00=="George Bush" && pick04=="John Kerry" || pick04=="George Bush") { 
	var html = '<table width="250" border="0"><tr><td><b><font size="4">' + 
		paper + '</font></b></td></tr><tr><td><b>2008:</b> <a href="' + link + '">' + 
		endorse + '</a></td></tr><tr><td><b>2004:</b> ' + 
		pick04 + '</td></tr><tr><td><b>2000:</b> ' + 
		pick00 + '</td></tr><tr><td><b>Circulation:</b> ' + 
		circ + '</td></tr></table>'; 
	marker.openInfoWindowHtml(html); 
} else if (pick04=="John Kerry" || pick04=="George Bush") {
	var html = '<table width="250" border="0"><tr><td><b><font size="4">' + 
		paper + '</font></b></td></tr><tr><td><b>2008:</b> <a href="' + link + '">' + 
		endorse +  '</a></td></tr><tr><td><b>2004:</b> ' + 
		pick04 + '</td></tr><tr><td><b>Circulation:</b> ' + 
		circ + '</td></tr></table>';
	marker.openInfoWindowHtml(html);
} else {
	var html = '<table width="250" border="0"><tr><td><b><font size="4">' + 
		paper + '</font></b></td></tr><tr><td width="155"><b>2008:</b> <a href="' + link + '">' + 
		endorse + '</a></td></tr><tr><td><b>Circulation:</b> ' + 
		circ + '</td></tr></table>';
	marker.openInfoWindowHtml(html); 
}
});
	      	return marker;
		}
				
		function myclick(i) {
			GEvent.trigger(gmarkers[i], "click");
		}
		      	
	    var bounds = new GLatLngBounds();
		      	
	    // get xml file -- double-check link
	    GDownloadUrl("/docs/endorse08.xml", function(data, responseCode) {
	      	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")));
	      		var paper = markers[i].getAttribute("paper");
	      		var endorse = markers[i].getAttribute("endorse");
	      		var circ = markers[i].getAttribute("circ");
	      		var link = markers[i].getAttribute("link");
	      		var pick04 = markers[i].getAttribute("pick04");
	      		var pick00 = markers[i].getAttribute("pick00");
	      			
	      		var marker = createMarker(point, paper, endorse, circ, link, pick04, pick00);
	      		map.addOverlay(marker);
	      		bounds.extend(point);
	      	}
	      		
	      	map.setZoom(map.getBoundsZoomLevel(bounds));
			map.setCenter(bounds.getCenter());
		});

	} else {
		alert("Sorry, but your browser is not compatible with Google Maps.");
	}
}