function initialize()
{
   if (GBrowserIsCompatible())
   {
      var ann;
      var marker=new Array();
      var marker2=new Array();
      var ville;
      var i;
      var licone=new Array();
      var licone2=new Array();

      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 bounds = new GLatLngBounds();

      $.ajax({type: "GET",url: urlajax,success: function(xml)
      {
         var villexml=$("villed",xml);
         var infobulle = new Array();

         villexml.each(function(i)
         {
            var annxml=$("annonce",this);

            ville=$(this);
            infobulle[i]=''
            annxml.each(function()
            {
               ann=$(this);
               infobulle[i]+="<div class='limap'><a href='"+ann.attr('lien')+"'>"+ann.attr('libelle')+"</a></div>";
            })

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


            licone[i].image="http://maps.google.com/mapfiles/ms/icons/blue.png";
            markerOpts.title  = ville.attr('libelle');
            markerOpts.icon   =  licone[i];
            point =  new GLatLng(ville.attr('lat'),ville.attr('lon'));
            marker[i]= new GMarker(point,markerOpts);
            GEvent.addListener(marker[i], "click", function() {marker[i].openInfoWindowHtml(infobulle[i]);});
            map.addOverlay(marker[i]);
            bounds.extend(point);


         })

         var villexml=$("villea",xml);
         var infobulle = new Array();

         villexml.each(function(i)
         {
            var annxml=$("annonce",this);

            ville=$(this);
            infobulle[i]=''
            annxml.each(function()
            {
               ann=$(this);
               infobulle[i]+="<br/><a href='"+ann.attr('lien')+"'>"+ann.attr('libelle')+"</a>";
            })

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


            licone2[i].image="http://maps.google.com/mapfiles/ms/icons/red.png";
            markerOpts.title  = ville.attr('libelle');
            markerOpts.icon   =  licone2[i];
            point =  new GLatLng(ville.attr('lat'),ville.attr('lon'));
            marker2[i]= new GMarker(point,markerOpts);
            GEvent.addListener(marker2[i], "click", function() {marker2[i].openInfoWindowHtml(infobulle[i]);});
            map.addOverlay(marker2[i]);
            bounds.extend(point);


         })

         map.setZoom(map.getBoundsZoomLevel(bounds));
         map.setCenter(bounds.getCenter());

      }
      }
      )

   }
}