// JavaScript Document

var map;

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

function placeMarkerAtPoint(point)
{
	marker = new GMarker(point,baseIcon);
	var infotext = point.infoText;
	map.addOverlay(marker);
    	GEvent.addListener(marker, "click", function() {
		map.openInfoWindowHtml(point, infotext, {maxWidth:50});})
}

function setCenterToPoint(point, level)
{
	map.setCenter(point, level);
}

function mapLoad() {
	if (document.getElementById("map") && GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallZoomControl());
		map.setCenter(new GLatLng(52.074001,0.7163), 13, G_NORMAL_MAP);
		getPoints();
	}
}

function getPoints() {
	allPoints = document.getElementsByTagName("input");
	for (i=0; i<allPoints.length; i++) {
		if (allPoints[i].className.indexOf("coordinates")>-1) {
			pointValue = allPoints[i].title.split(",");
			point = new GLatLng(parseFloat(pointValue[0]),parseFloat(pointValue[1]));
			point.infoText = allPoints[i].value;
			placeMarkerAtPoint(point);
		}
	}
}

addOnload(mapLoad);