//load Google Map
var address;
var geocoder;
var gmarkers = [];
var html;
var htmls =[];
var i = 0;
var icon;
var label;
var map;
var marker;
var markers;
var randomnumber;
var side_bar_html = "";
var xml;

function load() {
  if (GBrowserIsCompatible()) {
    if(document.getElementById("map")){
    	var map = new GMap2(document.getElementById("map"));
    	var geocoder = new GClientGeocoder();
    	geocoder.setBaseCountryCode("nl");    
    	//add controls
      map.addControl(new GMapTypeControl());
      map.addControl(new GSmallMapControl());
    	//map.addControl(new GOverviewMapControl(new GSize(100,100)));    
    	//create randomnumber to prevent caching and retrieve xml file
    	var randomnumber=Math.floor(Math.random()*11111);
      var basenamexml = document.getElementById('basenamexml').value;
      
      GDownloadUrl("./a/j/xml/"+basenamexml, 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://www.essential-greece.info/a/i/g/google-icon.png";
    	icon.iconSize = new GSize(20, 37);
    	icon.iconAnchor = new GPoint(0, 20);
    	icon.infoWindowAnchor = new GPoint(5, 1);
    
    	//loop over the markers array
      for (var i = 0; i < markers.length; i++) {
    		var address = markers[i].getAttribute("address");
    		var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
    		var label = markers[i].getAttribute("label");
    		showAddress(map,geocoder,address,html,label,icon);
        }
    	});
    }
  }
} 

//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);
  });
  // save the info we need to use later for the side_bar
  gmarkers[i] = marker;
  htmls[i] = html;
  // add a line to the side_bar html
  //side_bar_html += '<a href="javascript:myclick(' + i + ')">' + label + '</a><br>';
  //document.getElementById("side_bar").innerHTML = side_bar_html;
  i++;
  return marker;
}

//showAddress
function showAddress(map,geocoder,address,html,label,icon) {
  geocoder.getLatLng(
    address,
    function(point) {
      if (!point) {
        alert(address + " niet gevonden");
      } else {
        map.setCenter(point, 14);
        var marker = createMarker(point,html+'<br/><br/>'+address,label,icon);
        map.addOverlay(marker);
    		map.addControl(new GMapTypeControl());
      }
    }
  );
}

// This function picks up the click and opens the corresponding info window
function myclick(i) {
	GEvent.trigger(gmarkers[i], "click");
}