//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()) {

	var map = new GMap2(document.getElementById("map"));
	var geocoder = new GClientGeocoder();
	//geocoder.setBaseCountryCode("nl");

	//add controls
    map.addControl(new GMapTypeControl());
	map.addControl(new GOverviewMapControl(new GSize(100,100)));

	//create randomnumber to prevent caching and retrieve xml file
	var randomnumber=Math.floor(Math.random()*11111)
    GDownloadUrl("googlemaps/markers.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 = "googlemaps/icon2.gif";
	icon.iconSize = new GSize(105, 18);
	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);
    } //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);
  });
/*  // 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, 10);
        var marker = createMarker(point,html+'',label ,icon);
        map.addOverlay(marker);
//onderstaande regel zorgt voor het direct openen van de ballon        
        GEvent.trigger(marker,"click"); 
       
		map.addControl(new GLargeMapControl()); //zoompallet verander Large in Small voor een kleiner palet
		map.addControl(new GScaleControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(51.37325, 6.12013), 14); //beginstand van de weergave. de laatste 2 cijfers zijn het zoomniveau in princiepe is deze regel niet nodig tenzij je het in wilt stellen
      }
    }
  );
}

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

// JavaScript Document

function verstuurAdres(locatie){
f= document.forms['formulier']
van = f.elements['van'].value

if(van != ''){
if(locatie == 'locatie2'){
window.open('http://maps.google.nl/maps?f=d&saddr=' + van + '&daddr=Maashoflaan+5,+Venlo-Boekend','mywindow','')	
}

}

}