var map = null;
var TousMesMarqueurs = [];
var marker_html = [];
var nb_marker=0 ;


var icon = [];
icon[0] = new GIcon();
icon[0].image = "../images/rss_emd_1.png";
icon[0].shadow = "../images/rss_emd_shadow.png";
icon[0].shadowSize = new GSize(22,20);
icon[0].iconSize = new GSize(12,20);
icon[0].iconAnchor = new GPoint(6,20);
icon[0].infoWindowAnchor = new GPoint(10,1);
icon[1] = new GIcon();
icon[1].image = "../images/rss_emd_2.png";
icon[1].shadow = "../images/rss_emd_shadow.png";
icon[1].shadowSize = new GSize(22,20);
icon[1].iconSize = new GSize(12,20);
icon[1].iconAnchor = new GPoint(6,20);
icon[1].infoWindowAnchor = new GPoint(10,1);
icon[2] = new GIcon();
icon[2].image = "../images/rss_emd_6.png";
icon[2].shadow = "../images/rss_emd_shadow.png";
icon[2].shadowSize = new GSize(22,20);
icon[2].iconSize = new GSize(12,20);
icon[2].iconAnchor = new GPoint(6,20);
icon[2].infoWindowAnchor = new GPoint(10,1);
icon[3] = new GIcon();
icon[3].image = "../images/rss_emd_4.png";
icon[3].shadow = "../images/rss_emd_shadow.png";
icon[3].shadowSize = new GSize(22,20);
icon[3].iconSize = new GSize(12,20);
icon[3].iconAnchor = new GPoint(6,20);
icon[3].infoWindowAnchor = new GPoint(10,1);
icon[4] = new GIcon();
icon[4].image = "../images/rss_emd_5.png";
icon[4].shadow = "../images/rss_emd_shadow.png";
icon[4].shadowSize = new GSize(22,20);
icon[4].iconSize = new GSize(12,20);
icon[4].iconAnchor = new GPoint(6,20);
icon[4].infoWindowAnchor = new GPoint(10,1);
icon[5] = new GIcon();
icon[5].image = "../images/rss_emd_3.png";
icon[5].shadow = "../images/rss_emd_shadow.png";
icon[5].shadowSize = new GSize(22,20);
icon[5].iconSize = new GSize(12,20);
icon[5].iconAnchor = new GPoint(6,20);
icon[5].infoWindowAnchor = new GPoint(10,1);
icon[6] = new GIcon();
icon[6].image = "../images/rss_emd_7.png";
icon[6].shadow = "../images/rss_emd_shadow.png";
icon[6].shadowSize = new GSize(22,20);
icon[6].iconSize = new GSize(12,20);
icon[6].iconAnchor = new GPoint(6,20);
icon[6].infoWindowAnchor = new GPoint(10,1);
icon[7] = new GIcon();
icon[7].image = "../images/icon10.png";
icon[7].iconSize = new GSize(35,35);
icon[7].iconAnchor = new GPoint(6,20);
icon[7].infoWindowAnchor = new GPoint(10,1);




function load (){



// testcompatibilité
if (GBrowserIsCompatible()){

	// Création de la Carte //
	var map = new GMap2(document.getElementById("map"));
	
	
	var ToutesLesBalisesInput = document.getElementsByTagName("input"); <!-- Selectionne toutes les balises <input /> -->

	if(ToutesLesBalisesInput != null){
		for(var i = 0; i < ToutesLesBalisesInput.length; i++){
			if(ToutesLesBalisesInput[i].type == "checkbox"){  

				ToutesLesBalisesInput[i].onclick=function(){EnvoiLoisir();}
				
			}
		}
	}



	// calcul liste html et pointeur carte
	EnvoiLoisir();
}
	
	function EnvoiLoisir(){ 

		

		ToutesLesBalisesInput = document.getElementsByTagName("input");
		html='<table width="100%" border="1" bgcolor="#D2E9FF" cellspacing="3">';

		supprimer_marker();

		// creation marquer manoir de savigny
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(49.492103, -1.447277), 8);
		var marker = new GMarker(map.getCenter(),{icon:icon[7], title:"Chambres d'hotes du manoir de savigny"});
 		map.addOverlay(marker);
		GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("Chambres d'hotes:</br>Manoir de Savigny</br>50700</br>Valognes");}); 




		TousMesMarqueurs = [];
		marker_html =	[];
		map.closeInfoWindow();

		var html_marker="";
		var lien = "";
		var lien_marker_html = "";

		GDownloadUrl("data.xml", function(data) {
				
		document.getElementById("map_sidebar").innerHTML ="";

		var xml = GXml.parse(data);
		var markers = xml.documentElement.getElementsByTagName("marker");

	
		// iteration sur tous les markers		
		for (var i = 0; i < markers.length; i++) {

			
			var type=markers[i].getAttribute("type");

			// la rubrique associé est-elle cocher?
			if(document.getElementsByName(type)[0].checked==true){ <!-- ... les marqueurs correspondant à la catégorie ... -->
							
				if(markers[i].getAttribute("entete")==null){

    					var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
	
						  
					if (markers[i].getAttribute("lien")==""){
						lien = "";
						lien_marker_html="</br>";
					} else {
    						lien = '<a href="'+markers[i].getAttribute("lien")+'"target="_blank">Site internet</a>';
						lien_marker_html=lien;
					} 

						
					html_marker ='<div  style="width:220px; height:120px; border: 5px solid #ccc; text-align:center; background:#efffef; font: 12px \'trebuchet ms\',verdana, helvetica, sans-serif;">';
					html_marker=html_marker+'<b>'+markers[i].getAttribute("nom")+':</b></br>'+markers[i].getAttribute("adresse")+'</br ><img src="'+markers[i].getAttribute("image")+'" width="99" height="74"><br>'+lien_marker_html;
					html_marker=html_marker+'</div>';
						
					marker_html[i] =html_marker;

					var marker = creerMarker(point,i,markers[i].getAttribute("icone"),html_marker,markers[i].getAttribute("nom"));
					map.addOverlay(marker);<!-- sont affichés -->
						
	
					html=html+'<tr bgcolor="#FFFFFF"><td><font face="Times New Roman, Times, serif" size="2" >';
					html=html+ '<b>'+markers[i].getAttribute("nom")+'</b><br>'+markers[i].getAttribute("adresse")+'<table width="100%" border="0"><tr><td><a href="javascript:click_sidebar('+i+');"><img src="'+markers[i].getAttribute("image")+'" width="70" height="52"></a></td><td><font face="Times New Roman, Times, serif" size="2" ><span style="color:#008000;">'+markers[i].getAttribute("description")+'</span></td></tr></table>'+lien;
					html=html+'</td></tr>';
				} else {

					html=html+'<td><font face="Times New Roman, Times, serif" size="3" >';
					html=html+markers[i].getAttribute("nom")+':</br>';
					html=html+'<font face="Times New Roman, Times, serif" size="2">'+ markers[i].getAttribute("description");

				} 


			}
		}

		nb_marker=i
		document.getElementById("map_sidebar").innerHTML = html+"</table>";

	});

	

	}

	

	function creerMarker(point,i,id_icone,html,titre) { 



		var marker = new GMarker(point,{icon:icon[id_icone], title:titre});
 
		TousMesMarqueurs[i]=marker;

		GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html);}); 
		
		return marker; 
	}


	function supprimer_marker() { 
		map.clearOverlays()
		//for (var i = 0; i < nb_marker; i++) {
			
		//	map.removeOverlay(TousMesMarqueurs[i]);


				
					
		//}

	}

      

};




function click_sidebar(idx) {

TousMesMarqueurs[idx].openInfoWindowHtml(marker_html[idx]);

}