function onLoad() {
	// Create "tiny" marker icon
	var icon = new GIcon();
	icon.image = "wp-content/plugins/googleMap/mm_20_red.png";
	icon.shadow = "wp-content/plugins/googleMap/mm_20_shadow.png";
	icon.iconSize = new GSize(12, 20);
	icon.shadowSize = new GSize(22, 20);
	icon.iconAnchor = new GPoint(6, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);

	//creates map & adds controls
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());

	//shows map center long & lat
	/*GEvent.addListener(map, "moveend", function() {
		var center = map.getCenterLatLng();
		var latLngStr = center.y + ' , ' + center.x;
		document.getElementById("message").innerHTML = latLngStr;
	});*/

	//map start point
	map.setCenter(new GLatLng(38.0, -51.0), 2);

	//parses point & text from data.xml
	GDownloadUrl("wp-content/plugins/googleMap/data.xml", function(data, responseCode) {
		var xmlDoc = GXml.parse(data);
		var markers = xmlDoc.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 text = markers[i].getAttribute("txt");
			map.addOverlay(createMarker(point, text));
		}
	});
	
	// Creates maker with supplied point & text
	function createMarker(point, text) {
		var marker = new PdMarker(point, icon);
		marker.setTooltip("<div id='point' style='color: black; font-weight: bold; background-color: white'>"+text+"</div>");
		/* this makes icons clickable
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(text);
	  	});*/
	  	return marker;
	}
}