Event.observe(window,"load",init)
var mapp;
function init(){
	if ($("map_canvas")) {
		if($("la")){
			var myLatlng = new google.maps.LatLng($F("la"), $F("lo"));
			var myOptions = {
			  zoom: 12,
			  center: myLatlng,
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			};
		}else{
			var myLatlng = new google.maps.LatLng("50.15931", "5.28992");
			var myOptions = {
			  zoom: 8,
			  center: myLatlng,
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			};
		}
		
		
		mapp = new google.maps.Map($("map_canvas"), myOptions);
		
		
		//Catégorie poi  
		$$(".mapcats").each(function(elt){
			Event.stopObserving(elt);
			Event.observe(elt,"click",function(e){
				mapp = new google.maps.Map($("map_canvas"), myOptions);
				refreshmap()
			})
		})
		
		//Catégorie P poi  
		$$(".mapcatp").each(function(elt){
			Event.stopObserving(elt);
			Event.observe(elt,"click",function(e){
				mapp = new google.maps.Map($("map_canvas"), myOptions);
				refreshmap()
			})
		})
		
		refreshmap()
		
	}
}


function refreshmap(){
		
		if ($("la")) {
			var myLatlng = new google.maps.LatLng($F("la"), $F("lo"));
			if ($("cats")) {
				var image = $F("baseUrl") + '/images/picto/' + $F("cats") + 'd.gif';
			}
			else {
				var image = $F("baseUrl") + '/images/picto/0604.gif';
			}
			var marker = new google.maps.Marker({
				position: myLatlng,
				map: mapp,
				icon: image
			});
			
	
			
		}
		
		var jsonPat=eval($F("jsonPat"));
		jsonPat.each(function(elt){
			var test=true;
			$$(".mapcats").each(function(el){
				if(el.id.replace("cats","")==elt.cats && !el.checked){
					test=false;
				}
			})	
			
			$$(".mapcatp").each(function(el){
				var catptmp=el.id.replace("catp","")
				if(catptmp.substr(0,1)==elt.cats.substr(0,1) && catptmp.substr(1,1)==elt.cats.substr(1,1) && !el.checked){
					//new Insertion.After($("right"), catptmp.substr(0,1) + "--" + elt.cats.substr(0,1) + "<br/>");
					test=false;
				}
			})	
			
			
			if($("cats") && (elt.cats.substr(0,1)==$F("cats").substr(0,1) && elt.cats.substr(1,1)==$F("cats").substr(1,1)) )test=false;

			
			if (test) {
				
				var contentString = '<div id="content" style="margin-right:20px">' +
				'<img class="ph120" style="float:left;margin-right:10px" src="http://www.ardenne.org/pictures/max/' +
				elt.idt +
				'1.jpg" alt=""/><b>' +
				elt.nom +
				'</b><br/>' +
				elt.adr +
				'<br/>' +
				elt.pays +
				'-' +
				elt.cp +
				' <b>' +
				elt.loc +
				'</b></div>';
				
				var infowindow = new google.maps.InfoWindow({
					content: contentString
				});
				
				var myLatlng = new google.maps.LatLng(elt.la, elt.lo);
				var image = $F("baseUrl") + '/images/picto/' + elt.cats + '.gif';
				var marker = new google.maps.Marker({
					position: myLatlng,
					map: mapp,
					icon: image
				});
				
				google.maps.event.addListener(marker, 'click', function(){
					infowindow.open(mapp, marker);
				});
			}
		})
		if($F("lg")!="nl"){
			var contentString = '<div id="content" style="margin-right:20px">' +
				'<img class="ph120" style="float:left;margin-right:10px" src="http://www.ardenne.org/pictures/max/' +
				$F("idp") +
				'1.jpg" alt=""/><b>' +
				$F("nom") +
				'</b><br/>' +
				$F("adr") +
				'<br/>' +
				$F("pays") +
				'-' +
				$F("cp") +
				' <b>' +
				$F("loc") +
				'</b><div style="clear:left;text-align:center"><br><img alt="Ajouter au carnet" src="http://www.ardenne.org/images/btcarnet.gif" style="cursor: pointer;" onclick="new Ajax.Request(\'http://www.ardenne.org/carnet_de_voyage/ajout/' + $F("idp") + '\',{onSuccess:function(transport){alert(\'Le point est ajouté à votre carnet de voyage\')}})"/></div></div>';
				
		}else{
			var contentString = '<div id="content" style="margin-right:20px">' +
				'<img class="ph120" style="float:left;margin-right:10px" src="http://www.ardenne.org/pictures/max/' +
				$F("idp") +
				'1.jpg" alt=""/><b>' +
				$F("nom") +
				'</b><br/>' +
				$F("adr") +
				'<br/>' +
				$F("pays") +
				'-' +
				$F("cp") +
				' <b>' +
				$F("loc") +
				'</b><div style="clear:left;text-align:center"><br><img alt="Ajouter au carnet" src="http://www.ardenne.org/imagesnl/btcarnet.gif" style="cursor: pointer;" onclick="new Ajax.Request(\'http://www.ardenne.org/carnet_de_voyage/ajout/' + $F("idp") + '\',{onSuccess:function(transport){alert(\'Le point est ajouté à votre carnet de voyage\')}})"/></div></div>';
				
		}
		
	
			var infowindow = new google.maps.InfoWindow({
				content: contentString
			});
			google.maps.event.addListener(marker, 'click', function(){
				infowindow.open(mapp, marker);
			});
			infowindow.open(mapp, marker);
	
}