var map;
var gdir;
var geocoder = null;
var addressMarker;

function MakeMap(toAddress, fromAddress) {
    fromObject = document.getElementById("route");
    fromAddress = fromAddress;
    document.getElementById("directions").innerHTML = "";     
    map = new GMap2(document.getElementById("map"));

    gdir = new GDirections(map, document.getElementById("directions"));
    GEvent.addListener(gdir, "load", onGDirectionsLoad);
    GEvent.addListener(gdir, "error", handleErrors);

    setDirections(fromAddress,toAddress);
}

function setDirections(fromAddress, toAddress) {
  gdir.load("from: " + fromAddress + " to: " + toAddress,
            { "locale": "NL" });
}

function handleErrors(){
 if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS) {
   alert("Het adres bestaat niet. Probeer bijvoorbeeld ', NL' achter de plaatsnaam te zetten." + gdir.getStatus().code);
   location.reload(true);
 } else {
      alert("De route kan niet getoond worden, probeer het nog eens.");
 }
}

function onGDirectionsLoad(){
    var point = new GLatLng(50.885081,5.977884);
    var marker = new GMarker(point);
    
    var point2 = new GLatLng(50.857974,5.716893);
    var marker2 = new GMarker(point2); 
}

function loadMaps() {
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GLargeMapControl3D());
    map.setCenter(new GLatLng(50.885081,5.847884), 11); 

    var point = new GLatLng(50.885081,5.977884);
    var marker = new GMarker(point);        
    map.addOverlay(marker);
    

    
    var point2 = new GLatLng(50.857974,5.716893);
    var marker2 = new GMarker(point2);        
    map.addOverlay(marker2);
    
  GEvent.addListener(marker2, "click", function() {
        map.showMapBlowup(point2);
  });
  
    GEvent.addListener(marker, "click", function() {
        map.showMapBlowup(point);
  }); 
    

}

function Directions(){
    var element = document.getElementById('route');
    var elementBtn = document.getElementById('btn');
    if(element.style.display == "block"){
        element.style.display = "none";
        elementBtn.style.display = "none";
    } else {
        element.style.display = "block";
        elementBtn.style.display = "block";
    }
        
}