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

function MakeMap(toAddress) {
    fromObject = document.getElementById("route");
    fromAddress = fromObject.value;
    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" });
            setTimeout(function(){setScrollBar();}, 1500);
}

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.866712,5.749154);
    var marker = new GMarker(point);
    
    var point2 = new GLatLng(52.757386,6.225536);
    var marker2 = new GMarker(point2); 
	
    var point3 = new GLatLng(52.1515996,4.6789075);
    var marker3 = new GMarker(point3); 	
}

function loadMaps() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(51.848000,5.726550), 7); 

    var point = new GLatLng(50.866712,5.749154);
    var marker = new GMarker(point);        
    map.addOverlay(marker);
    
    var point2 = new GLatLng(52.757386,6.225536);
    var marker2 = new GMarker(point2);        
    map.addOverlay(marker2);
	
    var point3 = new GLatLng(52.1515996,4.6789075);
    var marker3 = new GMarker(point3);        
    map.addOverlay(marker3);

  GEvent.addListener(marker3, "click", function() {
        map.openInfoWindowHtml(point3, 
        "<h5>Top Buyers Publiek</h5><br />Batenstein 52<br />2403 PJ Alphen aan de Rijn<br />043-3217779<br /><a href=\"http://www.topbuyers-publiek.nl/\" title=\"TopBUYers\">topbuyers-publiek.nl</a><br /><br />"
        +"<a href=\"javascript:void(0);\" onclick=\"Directions();\" title=\"Routebeschrijving\">Routebeschrijving</a><input id=\"route\" type=\"text\" value=\"\" style=\" display: none; float: left; width: 100px;\"/><a href=\"javascript:void(0);\" id=\"btn\" style=\"display: none; float: left;\"  onclick=\"MakeMap('Batenstein 52, Alphen aan de Rijn NL');\"> Plan</a>"
        );
  });
    
  GEvent.addListener(marker2, "click", function() {
        map.openInfoWindowHtml(point2, 
        "<h5>Top Buyers BV Noord NL</h5><br />Slagdijk 1<br />7971 RL Havelte<br />06-2911806<br /><a href=\"http://www.topbuyers.nl/\" title=\"TopBUYers\">topbuyers.nl</a><br /><br />"
        +"<a href=\"javascript:void(0);\" onclick=\"Directions();\" title=\"Routebeschrijving\">Routebeschrijving</a><input id=\"route\" type=\"text\" value=\"\" style=\" display: none; float: left; width: 100px;\"/><a href=\"javascript:void(0);\" id=\"btn\" style=\"display: none; float: left;\"  onclick=\"MakeMap('Slagdijk 1, Havelte NL');\"> Plan</a>"
        );
  });
  
    GEvent.addListener(marker, "click", function() {
        map.openInfoWindowHtml(point, 
        "<h5>Top Buyers BV Hoofdkantoor</h5><br />Bodemsweg 3a<br />6225 ND Maastricht<br />043 3217779<br /><a href=\"http://www.topbuyers.nl/\" title=\"TopBUYers\">topbuyers.nl</a><br /><br />"
        +"<a href=\"javascript:void(0);\" onclick=\"Directions();\" title=\"Routebeschrijving\">Routebeschrijving</a><input id=\"route\" type=\"text\" value=\"\" style=\" display: none; float: left; width: 100px;\"/><a href=\"javascript:void(0);\" id=\"btn\" style=\"display: none; float: left;\"  onclick=\"MakeMap('Bodemsweg 3a, Maastricht NL');\"> Plan</a>"
        );
  }); 
    

}

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";
    }
        
}

function setScrollBar(){
    $('.scroll-container').jScrollPane({scrollbarWidth: 10, scrollbarMargin: 20 , showArrows: true});
}