var map = null;

function load() {
  if(GBrowserIsCompatible()) {

    map = new GMap2(document.getElementById("va_gmap"));
    map.setCenter(new GLatLng(53.14039,8.21384), 14);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addMapType(G_PHYSICAL_MAP);
    map.enableDoubleClickZoom();
    map.enableScrollWheelZoom();

    return map;
  }
}

function unload() {
  GUnload();
}

function va_gmap_set(map,adresse,anzeige) {

  map.clearOverlays();

  geocoder = new GClientGeocoder();
  geocoder.getLatLng(adresse, function(point) {
    if(point) {
      map.setCenter(point, 14);
      var marker = createMarker(point,anzeige);
      map.addOverlay(marker);
    }
  });

  gmap.show();

  return map;
}



function va_gmap_set_latlng(map,lat,lng,anzeige) {

  map.clearOverlays();

      point = new google.maps.LatLng(lat, lng);
   if(point) {
      map.setCenter(point, 13);

      var marker = createMarker(point,anzeige);
      map.addOverlay(marker);
    }

  gmap.show();

  return map;
}



function createMarker(point,anzeige) {
  var marker = new GMarker(point);

  // von hier
  to_html = '<h4>Adresse:</h4>' +
            '<div style="margin-bottom:7px;">' + anzeige + '</div>' +
            '<div><span style="font-weight:bold;">Route berechnen:</span> Hierher - <a style="color:#333;" href="javascript:fromhere();">Von hier</a></div>' +
            '<div style="margin-top:5px;font-size:10px;color:#999;">Startadresse</div><form action="http://maps.google.com/maps" method="get" target="_blank" style="display:inline;">' +
            '<div style="padding-bottom:10px;"><input type="text" maxlength="40" name="saddr" id="saddr" value="" style="width:150px;"/>' +
            '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + '" />' +
            '<input type="submit" value="Los!" style="margin-left:3px;" /></form></div>';

  // hierher
  from_html = '<h4>Adresse:</h4>' +
              '<div style="margin-bottom:7px;">' + anzeige + '</div>' +
              '<div><span style="font-weight:bold;">Route berechnen:</span> <a style="color:#333;" href="javascript:tohere();">Hierher</a> - Von hier</div>' +
              '<div style="margin-top:5px;font-size:10px;color:#999;">Zieladresse</div><form action="http://maps.google.com/maps" method="get" target="_blank" style="display:inline;">' +
              '<div style="padding-bottom:10px;"><input type="text" maxlength="40" name="daddr" id="daddr" value="" style="width:150px;"/>' +
              '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() + '" />' +
              '<input type="submit" value="Los!" style="margin-left:3px;" /></form></div>';

  // uebersicht
  html = '<h4>Adresse:</h4>' +
         '<div style="margin-bottom:7px;">' + anzeige + '</div>' +
         '<div style="padding-bottom:10px;">Route berechnen: <a style="color:#333;" href="javascript:tohere();">Hierher</a> - <a style="color:#333;" href="javascript:fromhere();">Von hier</a></div>';

  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  gmarkers = marker;

  return marker;
}

function tohere() {
  gmarkers.openInfoWindowHtml(to_html);
}

function fromhere() {
  gmarkers.openInfoWindowHtml(from_html);
}