var cm_baseIcon = new GIcon();
cm_baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
cm_baseIcon.iconSize = new GSize(20, 34);
cm_baseIcon.shadowSize = new GSize(37, 34);
cm_baseIcon.iconAnchor = new GPoint(9, 34);
cm_baseIcon.infoWindowAnchor = new GPoint(9, 2);
cm_baseIcon.infoShadowAnchor = new GPoint(18, 25);

var bounds = new GLatLngBounds();
var map;
//var tabmarkers[]=new array;

initialize=function()
{
   if (GBrowserIsCompatible())
   {
        map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());

        map.setCenter(new GLatLng( 43.907787,-79.359741), 2);
        var nbgites=parseFloat($("#nbgites").html());
        createMarkers(nbgites);

        map.setZoom(map.getBoundsZoomLevel(bounds)-1);
        map.setCenter(bounds.getCenter());
   }
}

initializeOne=function()
{
   var lat=parseFloat($("#lat").html());
   var lon=parseFloat($("#lon").html());

   if(lat != "" && lon!="")
   {
      if (GBrowserIsCompatible())
      {
         map = new GMap2(document.getElementById("map_canvas"));
         map.addControl(new GLargeMapControl());
         map.addControl(new GMapTypeControl());

         map.setCenter(new GLatLng( lat,lon), 2);
         var point = new GLatLng(lat,lon);
         var markerOpts = {};
         var nIcon = new GIcon(cm_baseIcon);
         nIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/pink/blank.png";
         markerOpts.icon = nIcon;
         map.addOverlay(new GMarker(point,markerOpts));
         map.setZoom(14);
      }
   }
}

createMarkers=function(nb)
{
   for (var i = 1; i <= nb; i++)
   {
            var lat=parseFloat($("#lat"+i).html());
            var lon=parseFloat($("#lon"+i).html());
            if(lat != "" && lon!="")
            {
               var point = new GLatLng(lat,lon);
               //alert(point);
               var markerOpts = {};

               var nIcon = new GIcon(cm_baseIcon);
               nIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/pink/marker" + i + ".png";
               markerOpts.icon = nIcon;
               markerOpts.title   =  i;

               var marker     =  new GMarker(point,markerOpts);
               //tabmarkers[i]  =  marker;

               GEvent.addListener(marker, "click", function()
               {
                  var mlink=$("#lienfiche"+this.getTitle()).attr('href');
                  self.location.href=mlink;
               }
               );
               GEvent.addListener(marker, "mouseover", function()
               {
                  //$("#ligne*").removeClass();
                  var ligne=$("#ligne"+this.getTitle());
                  ligne.toggleClass('red');
               });
               GEvent.addListener(marker, "mouseout", function()
               {
                  //$("#ligne*").removeClass();
                  var ligne=$("#ligne"+this.getTitle());
                  ligne.removeClass();
               });
               map.addOverlay(marker);
               bounds.extend(point);
            }
  }
}