var map;
    function initialize() {
         map = new GMap2(document.getElementById("map_canvas"),
            { size: new GSize(408,289) });
 		 map.setCenter(new GLatLng(annY, annX), 11); 
		 map.clearOverlays();
 		 var martkerIcon = new GIcon(G_DEFAULT_ICON);
		 martkerIcon.iconSize = new GSize(51, 34);
		 martkerIcon.image = "/markers/marker.png";
		 markerOptions = { icon:martkerIcon };		   
		 point = new GLatLng(annAdressY, annAdressX);
		 marker = new GMarker(point, markerOptions);
		 map.addOverlay(marker);  
    }    
	jQuery().ready(function(){ 
		$(document.body).load( initialize());	
		$(document.body).unload( GUnload());	
		$('#btn_plus_').click( function() {
			map.zoomIn();
		});
		$('#btn_moins').click( function() {
			map.zoomOut();
		});		
		$('#btn_carte').click( function() {
			map.setMapType(G_NORMAL_MAP);
		});	
		$('#btn_satellite').click( function() {
			map.setMapType(G_SATELLITE_MAP);
		});	
		$('#btn_hybride').click( function() {
			map.setMapType(G_HYBRID_MAP);
		});	
		var listdestype = '';
		$(".typeG").each(function (i) {
			listdestype += '"'+$(".typeG").eq(i).attr("title")+'": []';
			if (i < $(".typeG").length-1) {
				listdestype +=	', '; 
			}
		});
   		eval('var markerGroups = { '+listdestype+'}');
		$('.typeG').toggle(
			  function () {
					$(this).addClass("orange_type");
					var annonceY = annAdressY;
					var annonceX = annAdressX;
					var typeM    = $(this).attr("title");	
					var visualM    = $(this).attr("name");	
					var idType    = $(this).attr("rev");	
					$.getJSON("/getmarker.php?x="+annonceX+"&y="+annonceY+"&type="+idType,
						function(data){							
						  $.each(data, function(i,item){
							   var martkerIcon = new GIcon(G_DEFAULT_ICON);
							   martkerIcon.iconSize = new GSize(15, 24);
							   if(jQuery.trim(visualM) == ''){
							     martkerIcon.image = "/markers/neutre.png";
							   }
							   else{
							     martkerIcon.image = "/markers/"+jQuery.trim(visualM);
							   }
							   
							   markerOptions = { icon:martkerIcon };		 
							   var point = new GLatLng(item.art_y ,	item.art_x);
							   var pointC = new GMarker(point, markerOptions);
							   markerGroups[typeM].push(pointC);
							   map.addOverlay(pointC);					
						  });
					});									
			  },
			  function () {
				$(this).removeClass("orange_type");
			    var typeM    = $(this).attr("title");
				for (var i = 0; i < markerGroups[typeM].length; i++) {
					var marker = markerGroups[typeM][i];
					if (marker.isHidden()) {
					  marker.show();
					} else {
					  marker.remove();
					}
				}
			  }
		);		
	});