//<![CDATA[

 google.load("maps", "2.x",{"other_params":"sensor=false"});

 var contenuListe = "";
 var tableauMarqueurs = [];
 var tableauInfoBulle = [];
 var i = 0;
 var miniIconeVert;
 var maCarte;
 var urlXml = "http://www.sainte-adele.net/tables/restaurant3.xml";



 function initialize() {
	 if (google.maps.BrowserIsCompatible()) {
		 maCarte = new google.maps.Map2(document.getElementById("EmplacementDeCarteGlobale"));
		 maCarte.setCenter(new google.maps.LatLng(45.952045, -74.135485), 13);
		 maCarte.setUIToDefault();


		 var requete = google.maps.XmlHttp.create();
		 requete.open("GET", urlXml, true);
		 requete.onreadystatechange = function() {

		 if (requete.readyState == 4) {
			 var xmlDoc = requete.responseXML;
			 var marqueurs = xmlDoc.documentElement.getElementsByTagName("marker");
			 



				 for (var i = 0; i < marqueurs.length; i++) {
					 var lat = parseFloat(marqueurs[i].getAttribute("lat"));
					 var lng = parseFloat(marqueurs[i].getAttribute("lng"));
					 var pointSoc = new GLatLng(lat,lng);
					 var typeSoc = marqueurs[i].getAttribute("type");
					 var nomSoc = marqueurs[i].getAttribute("nom");
					 var adresseSoc = marqueurs[i].getAttribute("adresse");
					 var codepostalSoc = marqueurs[i].getAttribute("codepostal");
					 var villeSoc = marqueurs[i].getAttribute("ville");
		                         var telSoc = marqueurs[i].getAttribute('tel');
		                         var urlSoc = marqueurs[i].getAttribute('url');
					 var marqueur = creationMarqueur(lat, lng, pointSoc, typeSoc, nomSoc, adresseSoc, codepostalSoc, villeSoc, telSoc, urlSoc);
					 maCarte.addOverlay(marqueur);
		 		 }


	 			document.getElementById("EmplacementDeLaListe").innerHTML = contenuListe;
	 	}
	 }
	 	requete.send(null);
	  
	 }else{
	 	alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
	 }

 }































  
 function creationMarqueur(lat,lng,pointSoc,typeSoc,nomSoc,adresseSoc,codepostalSoc,villeSoc,telSoc,urlSoc) {

	 var marqueur = new google.maps.Marker(pointSoc,miniIconeVert);
	 var contenuInfoBulle = '<b>'+nomSoc+'</b><br />'+adresseSoc+'<br />'+villeSoc+'<br />'+codepostalSoc+'<br />'
	 +'Telephone : '+telSoc+'<br /><br />Internet : <a href="http://'+urlSoc+'" title="'+nomSoc+'" target="_blank">'+urlSoc+'</a><br /><br /><a href="http://maps.google.com/maps?f=q&hl=fr&q=' + adresseSoc +','+ codepostalSoc +','+ villeSoc + '" target="_blank">Plus d\'informations sur Google Maps</a>';
		 google.maps.Event.addListener(marqueur, "click", function() {
		 	marqueur.openInfoWindowHtml(contenuInfoBulle);
		 });




/* 
         var marqueur = new GMarker(point, {title: nom});
	var ligneListe = '<b>' + nom + '</b> <br/>' + adresse + '<br />'
        + ville + '<br />' + codepostal + '<br />T&eacute;l&eacute;phone : ' +  tel  + '<br /><br />Internet : <a href="http://' + url + '" title="' + nom + '" target="_blank">' + url + '</a><br /><br /><a href="http://maps.google.com/maps?f=q&hl=fr&q=' + adresse +','+ codepostal +','+ ville + '" target="_blank">Plus d\'informations sur Google Maps</a>';

		GEvent.addListener(marqueur, 'click', function() {
			marqueur.openInfoWindowHtml(ligneListe);
		});
	return marqueur;
*/








	 tableauMarqueurs[i] = marqueur;
	 tableauInfoBulle[i] = contenuInfoBulle;
	 contenuListe += '<a href="javascript:clickLien(' + i + ')"><div class="liste">' + nomSoc + '</div></a>';
	 i++;
	 return marqueur;



 }




  
 function clickLien(i) {
 	tableauMarqueurs[i].openInfoWindowHtml(tableauInfoBulle[i]);
 }
  

 google.setOnLoadCallback(initialize);
 //]]>

//