$(document).ready(function() {
   $("#expander").toggle(
     function () {$("#MainContent").animate({height:"500px"}, 300 );
     }, 
     function () {$("#MainContent").animate({height:"200px"}, 200 );}
    );

 $("#show1").toggle(
      function () {$("#full1").show('slow');
      }, 
      function () {$("#full1").hide('slow');}
    );



  try
{ 

      // create the map
      var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
      map.setCenter(new GLatLng( 55.658391,12.567801), 14);

      // add the points    
      var point = new GLatLng(55.658391,12.567801);
      var marker = createMarker(point,"My home","My home<br/>Jens Otto Krags Gade 2, 4th<br/>Copenhagen")
      map.addOverlay(marker);

      var point = new GLatLng(55.672115,12.546258);
      var marker = createMarker(point,"My work","Addition<br/>Vesterbrogade 95a<br/>Copenhagen")
      map.addOverlay(marker);
                       

 document.getElementById("side_bar").innerHTML = side_bar_html;

}
catch(err)
{

}      

              
         
      
  

 
    

});

var side_bar_html = "";
      var gmarkers = [];
      var i = 0;


      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        // add a line to the side_bar html
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a>&nbsp; &nbsp;';
        i++;
        return marker;
      }

       function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }