//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(0.1400,52.1931), 5);
map.enableInfoWindow();

// Creates a marker whose info window displays the given string
function createMarker(point, nm) {
    var marker = new GMarker(point);

    // Show this marker's index in the info window when it is clicked
    var html = "<i>" + nm + "</i>";
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
    });

    return marker;
}

function googlemaps(xmlfile) {
    var request = GXmlHttp.create();
    request.open("GET", xmlfile, true);
    request.onreadystatechange = function() {
	if (request.readyState == 4) {
	    var xmlDoc = request.responseXML;
	    var markers = xmlDoc.documentElement.getElementsByTagName("n");
	    var a = new Array();
	    for (var i = 0; i < markers.length; i++) {
		a[i] = new GPoint(parseFloat(markers[i].getAttribute("x")),
				  parseFloat(markers[i].getAttribute("y")));
	    }
	    var p = new GPolyline(a, "#00ffff", 10, 0.5);
	    map.addOverlay(p);
	    
	    var pubs = xmlDoc.documentElement.getElementsByTagName("pub");
	    for (var j = 0; j < pubs.length; j++) {
		var point = new GPoint(parseFloat(pubs[j].getAttribute("x")),
				       parseFloat(pubs[j].getAttribute("y")));
		var marker = createMarker(point, pubs[j].getAttribute("name"));
		map.addOverlay(marker);
		
	    }
	}
    }
    request.send(null);
}

//]]>