Alsace 67-68<input checked=true type="checkbox" id="1" onClick="show(this,'1')" />Aquitaine 24-33-40-47-64<input checked=true type="checkbox" id="2" onClick="show(this,'2')" />Auvergne 03-15-43-63<input checked=true type="checkbox" id="3" onClick="show(this,'3')" />Basse Normandie 14-50-61<input checked=true type="checkbox" id="4" onClick="show(this,'4')" />Bourgogne 21-58-71-89<input checked=true type="checkbox" id="5" onClick="show(this,'5')" />Bretagne 22-29-35-56<input checked=true type="checkbox" id="6" onClick="show(this,'6')" />Centre - Val de Loire  18-28-36-37-41-45<input checked=true type="checkbox" id="7" onClick="show(this,'7')" />Champagne - Ardenne  08-10-51-52<input checked=true type="checkbox" id="8" onClick="show(this,'8')" />Corse 2A-2B<input checked=true type="checkbox" id="9" onClick="show(this,'9')" />Franche Comté  25-39-70-90<input checked=true type="checkbox" id="10" onClick="show(this,'10')" />Haute Normandie  27-76<input checked=true type="checkbox" id="11" onClick="show(this,'11')" />Ile de France<input checked=true type="checkbox" id="12" onClick="show(this,'12')" />Languedoc - Roussillon  11-30-34-48-66<input checked=true type="checkbox" id="14" onClick="show(this,'14')" />Limousin  19-23-87<input checked=true type="checkbox" id="15" onClick="show(this,'15')" />Lorraine - Vosges  54-55-57-88<input checked=true type="checkbox" id="16" onClick="show(this,'16')" />Midi Pyrénnées  09-12-31-32-46-65-81-82<input checked=true type="checkbox" id="17" onClick="show(this,'17')" />Nord - Pas de Calais  59-62<input checked=true type="checkbox" id="18" onClick="show(this,'18')" />Pays de la Loire  44-49-53-72-85<input checked=true type="checkbox" id="19" onClick="show(this,'19')" />Picardie  02-60-80<input checked=true type="checkbox" id="20" onClick="show(this,'20')" />Poitou - Charentes  16-17-79-86<input checked=true type="checkbox" id="21" onClick="show(this,'21')" />Provence - Alpes - Cote dAzur  04-05-06-13-83-84<input checked=true type="checkbox" id="22" onClick="show(this,'22')" />Rhone Alpes  01-07-26-38-42-69-73-74<input checked=true type="checkbox" id="23" onClick="show(this,'23')" />Belgique<input checked=true type="checkbox" id="24" onClick="show(this,'24')" />Suisse<input checked=true type="checkbox" id="25" onClick="show(this,'25')" />Espagne<input checked=true type="checkbox" id="26" onClick="show(this,'26')" />Portugal<input checked=true type="checkbox" id="27" onClick="show(this,'27')" /><div id='map_canvas' style=' height: 600px;  margin-right: 5px; margin-bottom: 5px; margin-left: 5px; margin-top:5%; '><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
   <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/src/markerclusterer_packed.js"></script>
 <script type="text/javascript" src="http://www.caravane-infos.net/caravanes/include/js/downloadxml.js"></script>
 <script type="text/javascript">
   var infowindow = new google.maps.InfoWindow();
    var gmarkers = [];
     var markerCluster;
     var map=null;
        //function to actually initialise the map
        

function show(category) {

        for (var i=0; i<gmarkers.length; i++) {
        
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].setMap(map);
            gmarkers[i].setVisible(true);

          }
        }
 
 }


      
      function hide(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
    
             gmarkers[i].setVisible(false);
          }
    
        }


 function boxclick(box,category) {
        if (box.checked) {
          show(category);
        } else {
          hide(category);
        }

	       markerCluster.repaint();	
       }}


        function load()
        {
            //set your latitude and longitude as per the previous article, specify the default 
            //zoom and set the default map type to RoadMap
            var latlng = new google.maps.LatLng(49.027013, 1.151361);
            var myOptions = {
                zoom: 10,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            //place the map on the canvas
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            map.setZoom(4); 
            map.setCenter(new google.maps.LatLng(48.8569407746536, 2.34125843355591));

         
        }
   downloadUrl("include/phpsqlajax_genxml.php?annuaire=69", function(data) {
            var xmlDoc = xmlParse(data);
			   

	  
	  
			
			
			
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            
			
			var siteLatLng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
          var ville = markers[i].getAttribute("ville");
          var dep = markers[i].getAttribute("dep");
          var nom = markers[i].getAttribute("name");
          var type = markers[i].getAttribute("typecamp");

		  var lien = markers[i].getAttribute("lien");
          var category = markers[i].getAttribute("category");
          
           var marker = new google.maps.Marker({
                                position: siteLatLng,
                                map: map,
                                title: nom,
                                mycategory : category,
                                zIndex: 9,
                                html: "<div style=\'width:350px\'>Ville : <b>" + ville+ "</b><br/>D&eacute;partement : <b>" + dep+ "</b><br/>Nom : <b>" + nom + "</b><br/></div>",
                                icon: 'bleu.png',
                            });
                              
		  gmarkers.push(marker);	
   
	
			google.maps.event.addListener(marker, "click", function() {

		 infowindow.setOptions({
            content: this.html,
            position: this.position
        });
	        infowindow.open(map,this);  			
              

		    });		

          }          
              markerCluster = new MarkerClusterer(map, gmarkers, { ignoreHidden: true });       
	});
     



 function boxclick(box,category) {
        if (box.checked) {
          show(category);
        } else {
          hide(category);
        }
		
       }


  </script>


  <script type='text/javascript'>load()</script> </div>