var gmarkers = [];var html;var htmls =[];var i = 0;var icon;var label;var map;
var marker;var markers;var randomnumber;var xml;
function load() {
//load Google Map
if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
geocoder.setBaseCountryCode("NL");
//add controls
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(52.009856, 5.968469), 9);
//create randomnumber to prevent caching and retrieve xml file
var randomnumber=Math.floor(Math.random()*11111)
GDownloadUrl("http://www.veluwezoom.nl/xml/groepsaccomodatie/algemeen.xml?random="+randomnumber, function(data, responseCode) {
var xml = GXml.parse(data);
//store markers in markers array
var markers = xml.documentElement.getElementsByTagName("marker");
// create marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(0, 0);
icon.infoWindowAnchor = new GPoint(0, 0);
//loop over the markers array
for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
var label = markers[i].getAttribute("label");
var marker = createMarker(point,html,label,icon);
map.addOverlay(marker);
} //close for loop
}
); //close GDownloadUrl
} //close GBrowserIsCompatible
} //close load
//Create marker and set up event window
function createMarker(point,html,label,icon){
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// This function picks up the click and opens the corresponding info window
function myclick(i) {GEvent.trigger(gmarkers[i], "click");
}