//<![CDATA[
 
    if (GBrowserIsCompatible()) {
    
    var baseIcon = new GIcon();
          baseIcon.iconSize=new GSize(32,32);
          baseIcon.shadowSize=new GSize(56,32);
          baseIcon.iconAnchor=new GPoint(16,32);
          baseIcon.infoWindowAnchor=new GPoint(16,0);
          
      var red = new GIcon(baseIcon, "http://www.stadtilm.citymapinfo.de/icon/monument-dot.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
      var church = new GIcon(baseIcon, "http://www.stadtilm.citymapinfo.de/icon/church-dot.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
      var bridge = new GIcon(baseIcon, "http://www.stadtilm.citymapinfo.de/icon/bridge-dot.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
                        
       var brunnen = new GIcon(baseIcon, "http://www.stadtilm.citymapinfo.de/icon/brunnen-dot.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
       
              var theater = new GIcon(baseIcon, "http://www.stadtilm.citymapinfo.de/icon/theater-dot.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");

      // this variable will collect the html which will eventually be placed in the side_bar
      var side_bar_html = "";
    
      // arrays to hold copies of the markers and html used by the side_bar
      // because the function closure trick doesnt work there
      var gmarkers = [];
 
 
      // A function to create the marker and set up the event window
      function createMarker(point,name,html,icon) {
        var marker = new GMarker(point,icon);
        var linkid = "link"+(gmarkers.length);

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

        });
        
        
        // save the info we need to use later for the side_bar
        gmarkers.push(marker);
        // add a line to the side_bar html
        side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a>';
         return marker;
      }
 
 
      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
 
 
      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.addMapType(G_SATELLITE_3D_MAP);
      map.setCenter(new GLatLng(50.775129464524056, 11.081042289733886), 15);
 
      // add the points    
      var point = new GLatLng(50.775244801682945, 11.082356572151184);
      var marker = createMarker(point,"Stadtkirche St. Marien", '<h1>Stadtkirche St. Marien</h1>Friedrich-Fröbel-Straße<br>99326 Stadtilm<br><br><img border="0" src="http://stadtilm.eu/cms/upload/kultur_und_tourismus/sehenswrdigkeiten/DSC_0195.JPG" width="225" height="190"><br><br><a target="_blank" href="http://stadtilm.eu/cms/front_content.php?idcat=40&idart=37&lang=1">Mehr Information</a>',church)
      map.addOverlay(marker);
 
          
      var point = new GLatLng(50.77386412936958, 11.082383394241333);
      var marker = createMarker(point,"Eckholdtsbrunnen",'<h1>Eckholdtsbrunnen</h1>Markt<br>99326 Stadtilm',brunnen)
      map.addOverlay(marker);  
      
      var point = new GLatLng(50.77483772808786, 11.081299781799316);
      var marker = createMarker(point,"Methfesseldenkmal",'<h1>Methfesseldenkmal</h1>Markt<br>99326 Stadtilm',red)
      map.addOverlay(marker); 
      
      var point = new GLatLng(50.774213541694046, 11.07820987701416);
      var marker = createMarker(point,"Stadtilmer Rathaus",'<h1>Stadtilmer Rathaus</h1>Straße der Einheit 1<br>99326 Stadtilm<br><br><img border="0" src="http://www.stadtilm.citymapinfo.de/images/DSC_0094.jpg" width="225" height="133">',red)
      map.addOverlay(marker);                                    

      var point = new GLatLng(50.7747223899251, 11.078821420669555);
      var marker = createMarker(point,"Zinsboden",'<h1>Stadtilmer Zinsboden</h1>Straße der Einheit<br>99326 Stadtilm',red)
      map.addOverlay(marker);  
      
      var point = new GLatLng(50.77272088827988, 11.073821783065796);
      var marker = createMarker(point,"Viadukt", '<h1>Viadukt</h1>Bahnhofstraße<br>99326 Stadtilm<br><br><img border="0" src="http://www.stadtilm.citymapinfo.de/images_info/viadukt.jpg"><br><br><a target="_blank" href="http://stadtilm.eu/cms/front_content.php?idcat=40&idart=50&lang=1">Mehr Information</a>',bridge)
      map.addOverlay(marker);
      
            var point = new GLatLng(50.77413891015465, 11.085119247436523);
      var marker = createMarker(point,"Bärsaal", '<h1>Bärsaal</h1>Rudolstädter Straße 15<br>99326 Stadtilm<br><br><img border="0" src="http://www.stadtilm.citymapinfo.de/images/IMG_2069.JPG" width="225" height="215">',theater)
      map.addOverlay(marker); 
           
            var point = new GLatLng(50.774043924386795, 11.078596115112304);
      var marker = createMarker(point,"Gänsemännchenbrunnen", '<h1>Gänsemännchenbrunnen</h1>Straße der Einheit 1<br>99326 Stadtilm<br><br><img border="0" src="http://www.stadtilm.citymapinfo.de/images/DSC_0022.JPG" width="214" height="225">',brunnen)
      map.addOverlay(marker);           

      // put the assembled side_bar_html contents into the side_bar div
      document.getElementById("side_bar").innerHTML = side_bar_html;   
    }
 
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
   
    // This Javascript is based on code provided by the
    // Community Church Javascript Team
    // http://www.bisphamchurch.org.uk/   
    // http://econym.org.uk/gmap/
 
    //]]>