// JavaScript Document

//clé pour http://perso.orange.fr/top-dance est: ABQIAAAA0Y2aU8SQ8ouyS0qc3Y7UXBTbcwIsmMSY_wCaKxkLn5mU-vVvpRTBMrJJiBCC9V-gJgsbcCZEcVV1-w
// clé pour http://pagesperso-orange.fr/top-dance est : ABQIAAAA0Y2aU8SQ8ouyS0qc3Y7UXBT6VCrcTFjp2z52ms8HDgDHMsdupxQzne2oW0TPrDDWlxfTx56LX5E9rw

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }

	function load() {
		if (GBrowserIsCompatible()) {
		var baseIcon = new GIcon();
		baseIcon.iconSize=new GSize(12,20);
		baseIcon.shadowSize=new GSize(20,22);
		baseIcon.iconAnchor=new GPoint(6,20);
		baseIcon.infoWindowAnchor=new GPoint(5,1);
		var moto = new GIcon(baseIcon, 'http://labs.google.com/ridefinder/images/mm_20_red.png', null, 'http://labs.google.com/ridefinder/images/mm_20_shadow.png');
		var quad = new GIcon(baseIcon, 'http://labs.google.com/ridefinder/images/mm_20_green.png', null, 'http://labs.google.com/ridefinder/images/mm_20_shadow.png');
		var aero = new GIcon(baseIcon, 'http://labs.google.com/ridefinder/images/mm_20_blue.png', null, 'http://labs.google.com/ridefinder/images/mm_20_shadow.png');
		var karting = new GIcon(baseIcon, 'http://labs.google.com/ridefinder/images/mm_20_yellow.png', null, 'http://labs.google.com/ridefinder/images/mm_20_shadow.png');

			GDownloadUrl("http://www.dansedecouple.com/moreinfo/salles_de_cours.xml", function(data) {
				var FormulaireItineraire = [];
				var latcoord = [];
				var lngcoord = [];
				var couleurfond = [];
				var xml = GXml.parse(data);
				var markers = xml.documentElement.getElementsByTagName("marker");
				for (var i = 0; i < markers.length; i++) {
					latcoord[i] = parseFloat(markers[i].getAttribute("lat"));
					lngcoord[i] = parseFloat(markers[i].getAttribute("lng"));
					var point = new GLatLng(latcoord[i], lngcoord[i]);
					var type = markers[i].getAttribute("type");

					var NomSociete = markers[i].getAttribute("nom");
					var AdresseSociete = markers[i].getAttribute("adresse");
					var CodePostalSociete = markers[i].getAttribute("codepostal");
					var VilleSociete = markers[i].getAttribute("ville");

					// Couleur du fond du Formulaire Itineraire //
					if(type=='Cours'){couleurfond[i] = "#ffefef";} 
					if(type=='Fetes'){couleurfond[i] = "#efffef";} 
					if(type=='Autres'){couleurfond[i] = "#efefff";}
					if(type=='Karting'){couleurfond[i] = "#ffffcc";}
				
					// Formulaire Itineraire //
					FormulaireItineraire[i] ='<div style="width:350px; height:200px; border: 1px solid #ccc; text-align:center; background:'+couleurfond[i]+'; font: 14px \'trebuchet ms\',verdana, helvetica, sans-serif;">' +
					'<br /><b>Indiquez votre adresse de d&eacute;part ci-dessous : </b>' +
					'<form action="http://maps.google.com/maps" method="get" target="_blank" style="margin:0;padding;0">' +
					'<input type="text" name="saddr" id="saddr" value="" style="width:300px; height:20px; border:1px solid grey;" /><br /><br />' +
					'<b>Adresse d\'arriv&eacute;e : </b><br />'+NomSociete+'<br />'+AdresseSociete+'<br />'+CodePostalSociete+' '+VilleSociete+'<br /><br />' +
					'<input value="Calculez votre itin&eacute;raire" type="submit">' +
					'<input type="hidden" name="daddr" value="'+latcoord[i]+','+lngcoord[i]+'"/>'+
					'</form>' +
					'</div>';

					var marker = createMarker(point,type,NomSociete,FormulaireItineraire[i]);
					MaCarte.addOverlay(marker);
				}
			});
						
			// Fonction permettant la création du marker //
			function createMarker(point,type,nomsociete,itineraire) {
				if(type=='Cours'){var icone = moto;} 
				if(type=='Fetes'){var icone = quad;} 
				if(type=='Autres'){var icone = aero;}
				if(type=='Karting'){var icone = karting;}
				var marker = new GMarker(point,{icon:icone, title:nomsociete});
				GEvent.addListener(marker, 'click', function() {
					marker.openInfoWindowHtml(itineraire);
				});
				return marker;
			}

			// Création de la carte et de ses contrôles //
			var MaCarte = new GMap2(document.getElementById('EmplacementDeMacarte'), {mapTypes:[G_NORMAL_MAP,G_HYBRID_MAP]});
			MaCarte.addControl(new GLargeMapControl());
			MaCarte.addControl(new GMapTypeControl());
			MaCarte.setCenter(new GLatLng(49.027,2.026), 15);
			
		}else{
			alert('D&eacute;sol&eacute;, mais votre navigateur n\'est pas compatible avec Google Maps');
		}
	}