//<![CDATA[

    function loadMap() {
      if (GBrowserIsCompatible()) {
        
        htmls = [];
        gmarkers = [];
        to_htmls = [];
        from_htmls = [];
        gmarker_count=0;
      	      	
        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setMapType(G_NORMAL_MAP);

        var rennbuckelschulePoint = new GLatLng(49.025032, 8.360486);
        var tennishallePoint = new GLatLng(48.983836, 8.404299);
        var listSchulePoint = new GLatLng(49.012127,8.375336);
        
        var listSchuleWindow = 'Dragonerhalle<br />Blücherstraße 19<br /><strong>76189 Karlsruhe</strong>';
        var tennishalleWindow = 'Tennishalle<br />Ettlinger Allee 9<br /><strong>76199 Karlsruhe</strong>';
        var rennbuckelschuleWindow = 'Rennbuckelschule<br />Bonner Straße 22<br /><strong>76185 Karlsruhe</strong>';

        rennbuckelschuleMarker = createMarker(rennbuckelschulePoint , 'acrobat Achern', rennbuckelschuleWindow );
        tennishalleMarker = createMarker(tennishallePoint , 'acrobat Lahr',tennishalleWindow );
        listSchuleMarker = createMarker(listSchulePoint , 'acrobat Schramberg',listSchuleWindow );

        map.setCenter(new GLatLng(49.0054, 8.3941), 13);
        
        map.addOverlay(rennbuckelschuleMarker );
        map.addOverlay(tennishalleMarker );
        map.addOverlay(listSchuleMarker );
        
      }
    }
    
function wrapGInfoWindow(html) {

  return '<div style="color: black; margin: 0px; padding: 0px; font-size: 12px; white-space:nowrap;">' + html + '</div>';

}
    
function createMarker(point, name, html) {
    
       var i = gmarker_count;
       
       html = html + '<br />';
    
        // The info window version with the "to here" form open
        to_htmls[i] = html + '<br />Route berechnen: <strong>hierher</strong> - <a href="javascript:fromhere(' + i + ')">von hier</a>' +
           '<br />Start-Adresse:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br />' +
           '<INPUT value="Route berechnen" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
           '"/>';
           
        // The info window version with the "to here" form open
        from_htmls[i] = html + '<br />Route berechnen: <a href="javascript:tohere(' + i + ')">von hier</a> - <strong>von hier</strong>' +
           '<br />Ziel-Adresse:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br />' +
           '<INPUT value="Route berechnen" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
           '"/>';   
           
        html = html + '<br>Route berechnen: <a href="javascript:tohere('+i+')">hierher</a> - <a href="javascript:fromhere('+i+')">von hier</a>';

      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(wrapGInfoWindow(html)); });
      marker.openInfoWindowHtml(wrapGInfoWindow(html));
      
      gmarkers[i] = marker;
      htmls[i] = html;
      gmarker_count++;
      
  return marker;
}    

// functions that open the directions forms
function tohere(i) {
        gmarkers[i].openInfoWindowHtml(wrapGInfoWindow(to_htmls[i]));
}

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

//]]>