﻿if (GBrowserIsCompatible()) {
      
      function GPoint2(x,y) { return new GLatLng(x,y); }
      
      
    
      // this variable will collect the html which will eventually be placed in the sidebar
      var sidebar_html = "";
    
      // arrays to hold copies of the markers and html used by the sidebar
      // because the function closure trick doesnt work there
      var gmarkers = [];
      var htmls = [];
      var i = 0;
      var htmls1 = [];
      var htmls2 = [];
      var labels1 = [];
      var labels2 = [];


      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point, icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the sidebar
        gmarkers[i] = marker;
        htmls[i] = html;
        // add a line to the sidebar html
        sidebar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
        i++;
        return marker;
      }

      // A function to create a tabbed marker and set up the event window
      function createTabbedMarker(point,html1,html2,label1,label2,name,icon) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]);
        });
        // save the info we need to use later for the sidebar
        gmarkers[i] = marker;
        htmls1[i] = html1;
	htmls2[i] = html2;
	labels1[i] = label1;
	labels2[i] = label2;
        // add a line to the sidebar html
        sidebar_html += '<li><a href="javascript:mytabbedclick(' + i + ')">' + name + '</a></li>';
        i++;
        return marker;
      }

// Her angives hvilket ikon markeringspunkterne skal have
var icon1 = new GIcon();
icon1.image = "ikonphotosynth.png";
icon1.iconSize = new GSize(45, 45);
icon1.shadowSize = new GSize(37, 34);
icon1.iconAnchor = new GPoint(9, 34);
icon1.infoWindowAnchor = new GPoint(9, 2);




      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }

      // This function picks up the click and opens the corresponding tabbed info window
      function mytabbedclick(i) {
        gmarkers[i].openInfoWindowTabsHtml([new GInfoWindowTab(labels1[i],htmls1[i]), new GInfoWindowTab(labels2[i],htmls2[i])]);
      }

      // Her kaldes kortet op 
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.addMapType(G_SATELLITE_3D_MAP);
     map.enableDoubleClickZoom();
     map.enableContinuousZoom();
     map.enableScrollWheelZoom();
      map.setCenter(new GPoint2(55.660194440431766,12.539799213409423),13);
      



      // Her begynder beskrivelsen af de forskellige synths




 //  Otto Krabbes Plads
      var point = new GPoint2(55.6702412073639, 12.552537024021148);
      var marker = createTabbedMarker(point, '<h3>Otto Krabbes Plads</h3><p><iframe frameborder=0 src="http://photosynth.net/embed.aspx?cid=8247fc2a-5ef5-44d4-a31b-bf4b6e055aa9" width="400" height="300"></iframe></p><p>Stor version af denne <a href="http://photosynth.net/view.aspx?cid=8247fc2a-5ef5-44d4-a31b-bf4b6e055aa9">synth her</a></p>', '', "Synth", "","Otto Krabbes Plads",icon1)
      map.addOverlay(marker); 




 // Vaskekælder
      var point = new GPoint2(55.67058155107398, 12.551705539226532);
      var marker = createTabbedMarker(point, '<h3>Vaskekælder</h3><p><iframe frameborder=0 src="http://photosynth.net/embed.aspx?cid=1997085c-ecce-4493-b5c0-9b8d47986613" width="400" height="300"></iframe></p><p>Stor version af denne <a href="http://photosynth.net/view.aspx?cid=1997085c-ecce-4493-b5c0-9b8d47986613">synth her</a></p>', '', "Synth", "","Vaskekælder",icon1)
      map.addOverlay(marker); 



 //  Carlsberg
      var point = new GPoint2(55.667292950626575, 12.53216564655304);
      var marker = createTabbedMarker(point, '<h3>Carlsberg</h3><p><iframe frameborder=0 src="http://photosynth.net/embed.aspx?cid=36EC93F4-47D4-40D8-8057-4524B28C7F4C" width="400" height="300"></iframe></p><p>Stor version af denne <a href="http://photosynth.net/view.aspx?cid=36ec93f4-47d4-40d8-8057-4524b28c7f4c">synth her</a></p>', '', "Synth", "","Carlsberg",icon1)
      map.addOverlay(marker); 


 //  Bøger på Vigerslev Bibliotek
      var point = new GPoint2(55.64914168244364, 12.502602338790893);
     var marker = createTabbedMarker(point, '<h3>Bøger på Vigerslev Bibliotek</h3><p><iframe frameborder=0 src="http://photosynth.net/embed.aspx?cid=dbdfb08e-733b-4b27-9dca-39d54b6851fa" width="400" height="300"></iframe></p><p>Stor version af denne <a href="http://photosynth.net/view.aspx?cid=dbdfb08e-733b-4b27-9dca-39d54b6851fa">synth her</a></p>', '', "Synth", "","Bøger på Vigerslev Bibliotek",icon1)
      map.addOverlay(marker);


//  Træhest
      var point = new GPoint2(55.67387441265913, 12.581193745136261);
      var marker = createTabbedMarker(point, '<h3>Træhest</h3><p><iframe frameborder=0 src="http://photosynth.net/embed.aspx?cid=8c5f50e8-d1e5-4d37-80d6-e1855cc12b07" width="400" height="300"></iframe></p><p>Stor version af denne <a href="http://photosynth.net/view.aspx?cid=8c5f50e8-d1e5-4d37-80d6-e1855cc12b07">synth her</a></p>', '', "Synth", "","Træhest",icon1)
      map.addOverlay(marker); 


//  Ølfestival
      var point = new GPoint2(55.66824295191281, 12.556010484695434);
     var marker = createTabbedMarker(point, '<h3>Ølfestival</h3><p><iframe frameborder=0 src="http://photosynth.net/embed.aspx?cid=0d69a6ad-7d6a-44e9-87f1-862d51a7a896" width="400" height="300"></iframe></p><p>Stor version af denne <a href="http://photosynth.net/view.aspx?cid=0d69a6ad-7d6a-44e9-87f1-862d51a7a896">synth her</a></p>', '', "Synth", "","Ølfestival",icon1)
      map.addOverlay(marker);





//slut på beskrivelsen af synths

        
      // put the assembled sidebar_html contents into the sidebar div
      document.getElementById("sidebar").innerHTML = sidebar_html;
      
    }

    else {
      alert("Din browser understøtter ikke denne version af Google Maps API");
    }

