if (GBrowserIsCompatible()) {
      var side_bar_html = "";
      var gmarkers = [];
      var htmls = [];
      var i = 0;
      var to_htmls = [];
      var from_htmls = [];


function createMarker(point,name,html) {
var icon = new GIcon();
icon.image = "/img/marker.png";
icon.iconSize = new GSize(150, 18);
icon.iconAnchor = new GPoint(6, 0);
icon.infoWindowAnchor = new GPoint(5,1);
        var marker = new GMarker(point, icon);
var html = "<div align=left><b>La Maison des P&egrave;res</b><br />Bellevue<br />19130 Lascaux<br />Frankreich<br /><a href=mailto:info@lamaisondesperes.nl>info@lamaisondesperes.nl</a> - <a href=http://www.lamaisondesperes.nl>www.lamaisondesperes.nl</a></div>";
var name = "La maison des p&egrave;res";
        to_htmls[i] = html + '<br />Route: <b>zu La Maison des P&egrave;res</b> - <a href="javascript:fromhere(' + i + ')">von La Maison des P&egrave;res</a></div>' +
           '<br />Startpunkt (Adresse, Stadt):<form action="javascript:getDirections()">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br />' +
           '<INPUT value="Route planen" TYPE="SUBMIT">' +
           '<input type="hidden" id="daddr" value="'+name+"@"+ point.lat() + ',' + point.lng() + 
           '"/>';
        from_htmls[i] = html + '<br />Route: <a href="javascript:tohere(' + i + ')">zu La Maison des P&egrave;res</a> - <b>von La Maison des P&egrave;res</b>' +
           '<br />Ziel (Adresse, Stadt):<form action="javascript:getDirections()">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br />' +
           '<INPUT value="Route planen" TYPE="SUBMIT">' +
           '<input type="hidden" id="saddr" value="'+name+"@"+ point.lat() + ',' + point.lng() +
           '"/>';
        html = html + '<br />Route: <a href="javascript:tohere('+i+')">zu La Maison des P&egrave;res</a> - <a href="javascript:fromhere('+i+')">von La Maison des P&egrave;res</a>';

        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers[i] = marker;
        htmls[i] = html;
        i++;
        return marker;
      }

      function getDirections() {
        var saddr = document.getElementById("saddr").value
        var daddr = document.getElementById("daddr").value
        gdir.load("from: "+saddr+" to: "+daddr);
      }


      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }

      function tohere(i) {
        gmarkers[i].openInfoWindowHtml(to_htmls[i]);
      }
      function fromhere(i) {
        gmarkers[i].openInfoWindowHtml(from_htmls[i]);
      }


      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl(true));
      map.setCenter(new GLatLng(45.334771, 1.367841), 15);

      var gdir=new GDirections(map, document.getElementById("directions"));

      var reasons=[];
      reasons[G_GEO_SUCCESS]            = "Ok";
      reasons[G_GEO_MISSING_ADDRESS]    = "Address unknown: The address was missing or unknown.";
      reasons[G_GEO_UNKNOWN_ADDRESS]    = "Address unknown: Unable to find the address.";
      reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Unable to find the address.";
      reasons[G_GEO_BAD_KEY]            = "Wrong key: a wrong API key was used.";
      reasons[G_GEO_TOO_MANY_QUERIES]   = "Too many requests: The daily limit has been reached.";
      reasons[G_GEO_SERVER_ERROR]       = "Server error";
      reasons[G_GEO_BAD_REQUEST]        = "Bad request.";
      reasons[G_GEO_MISSING_QUERY]      = "No address was provided";
      reasons[G_GEO_UNKNOWN_DIRECTIONS] = "Unable to calculate a route.";

      GEvent.addListener(gdir, "error", function() {
        var code = gdir.getStatus().code;
        var reason="Code "+code;
        if (reasons[code]) {
          reason = reasons[code]
        } 

        alert("Unable to plan a route, "+reason);
      });



            var lat = 45.334771;
            var lng = 1.367841;
            var point = new GLatLng(lat,lng);
            var marker = createMarker(point);
            map.addOverlay(marker);
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with your browser.");
    }