/**
 * @author Theo Bakker, WHELP.nl
 * @title 33
 */

//load Google Map
var address;
var geocoder;
var gmarkers = [];
var html;
var htmls =[];
var adres_teller = 0;
var icon;
var label;
var map;
var marker;
var randomnumber;
var side_bar_html = "";
var xml;
var zoomlevel = 10;
var markers = [];
var adres= [];
var naam= [];
var coordinaten_lat= [];
var coordinaten_lng= [];

function getDirections(fromAddress, toAddress) { 
                        directionsPanel = document.getElementById("driving_directions"); 
                        gdir = new GDirections(map, directionsPanel); 
                        gdir.load("from: " + fromAddress + " to: " + toAddress); 
                        GEvent.addListener(gdir, "error", handleErrors); 
                } 


function tonen() {
  if (GBrowserIsCompatible()) {

	var map = new GMap2(document.getElementById("lsamap"));
	var geocoder = new GClientGeocoder();
	//geocoder.setBaseCountryCode("nl");
	//add controls
    map.addControl(new GMapTypeControl());
	
	map.enableDoubleClickZoom();
	map.enableScrollWheelZoom();
	//add zoomding toegevoegd door roel 03-07-08
	map.addControl(new GLargeMapControl());
	
	var icon = new GIcon();
	icon.image = "/img/lsavlag.png";
	icon.iconSize = new GSize(24, 23);
	icon.iconAnchor = new GPoint(0, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);

    for (var h = 0; h < adres.length; h++) {  // was markers
		var address = adres[h]  ;  //markers[adres_teller].getAttribute("address");
		var html = "" ;
		// var lsa_html = GXml.value(markers[adres_teller].getElementsByTagName("infowindow")[0]);
		var label = naam[h]    ;  //markers[adres_teller].getAttribute("label");
		var coordinaat_lat = coordinaten_lat[h];
		var coordinaat_lng = coordinaten_lng[h];
		// INTERACTIEVE VERSIE showAddress(map,geocoder,address,html,label,icon);
		ToonAdres(map,coordinaat_lat,coordinaat_lng,address,html,label,icon);  // MET VOORGEDEFINIEERDE COORDINATEN
    } //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[adres_teller] = marker;
  htmls[adres_teller] = html;
  // add a line to the side_bar html
  //side_bar_html += '<a href="#" OnMouseOver="javascript:myclick(' + adres_teller + ')">' + label + '</a><br>';
  //document.getElementById("side_bar").innerHTML = side_bar_html;
  adres_teller++;
  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, zoomlevel);
        var marker = createMarker(point,html+'<br/><br/><b>'+point+label+'</b><br/>'+address,label+', '+address,icon); //address
        map.addOverlay(marker);
		map.addControl(new GMapTypeControl());
      }
    }
  );
}

function ToonAdres(map,coorlat,coorlng,address,html,label,icon) {
if ( coorlat > "" ) {
var gcoord=new GLatLng(coorlat,coorlng);
        map.setCenter(gcoord, zoomlevel);
        var marker = createMarker(gcoord,html+'<b>'+label+'</b><br/>'+address,label+', '+address,icon); //address
        map.addOverlay(marker);
		map.addControl(new GMapTypeControl());
      }
	  else
	  {
	    gmarkers[adres_teller] = "niet bekend";
  		htmls[adres_teller] = "";
		adres_teller++;
	  }
}


function ToonLid(coorlat,coorlng,hetadres,hetlabel,hetweb) {
  if (GBrowserIsCompatible()) {

	var map = new GMap2(document.getElementById("lsamap"));
	var geocoder = new GClientGeocoder();
	//geocoder.setBaseCountryCode("nl");
	//add controls
    map.addControl(new GMapTypeControl());
	
	map.enableDoubleClickZoom();
	map.enableScrollWheelZoom();
	//add zoomding toegevoegd door roel 03-07-08
	map.addControl(new GLargeMapControl());
	//var html = "" ;
	var icon = new GIcon();
	icon.image = "/img/lsavlag.png";
	icon.iconSize = new GSize(24, 23);
	icon.iconAnchor = new GPoint(0, 20);
	icon.infoWindowAnchor = new GPoint(5, 1);
	var gcoord=new GLatLng(coorlat,coorlng);
    map.setCenter(gcoord, zoomlevel);
    var marker = createMarker(gcoord,hetweb+'<br/><b>'+hetlabel+'</b><br/>'+hetadres,hetlabel+', '+hetadres,icon);
    map.addOverlay(marker);
	map.addControl(new GMapTypeControl());
	
	}  //compatible
}

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