//TOUJOUR DECLARER LES VARIABLES POUR IE
var marker;

//GEOLOCLISATION
var geoCodeur;//le geocodeur qui permet la geolocalisation
var markersArray = [];//tableau des marker ( permet de nettoyer la carte)

/**
 * The MarkerManager object.
 * @type {MarkerManager}
 */
var mgr = null;//MARKER MANAGER

 
  
  
		function initialize(){
			var centreCarte = new google.maps.LatLng(45.045, 3.884);
			var optionsCarte = {
				zoom: 4,
				center: centreCarte,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				mapTypeControl: false,
				navigationControl: true,
				navigationControlOptions: {
				style: google.maps.NavigationControlStyle.SMALL
				}
			}
			map = new google.maps.Map(document.getElementById("gmap"), optionsCarte);
			
		geoCodeur = new google.maps.Geocoder();//On ajoute un géocoder pour la géolocalisation
		mgr = new MarkerManager(map);//On ajoute un marker manager
			
			google.maps.event.addListener(mgr, 'loaded', function() {//On charge le MarkerManager
			  affichemarkers(map);
			  mgr.refresh();
			}); 
			}
		
		google.maps.event.addDomListener(window, 'load', initialize)


function affichemarkers(map)//creer les markers de la map
	{
		//alert("affichemarkers");
		map.setZoom(6);
	
		//On gére les Markers de la plageA
		var MarkerPlageAIds=document.getElementsByName("MarkerPlageAId");
		var MarkerPlageALongs=document.getElementsByName("MarkerPlageALong");
		var MarkerPlageALats=document.getElementsByName("MarkerPlageALat");
		// le tablau d'événement est intégrer dans le calendrier

		
		for (var i=0; i<MarkerPlageALats.length; i++)
		{
			var id=MarkerPlageAIds[i].textContent;
			var myLatLng=new google.maps.LatLng(MarkerPlageALats[i].textContent,MarkerPlageALongs[i].textContent);//converti la lat et long en un objet de gmap
			creermarkerplageA(myLatLng,id,map);
		}
		
		//On gére les Markers de la plageB
		var MarkerPlageBIds=document.getElementsByName("MarkerPlageBeId");
		var MarkerPlageBLongs=document.getElementsByName("MarkerPlageBLong");
		var MarkerPlageBLats=document.getElementsByName("MarkerPlageBLat");
		for (var i=0; i<MarkerPlageBLats.length; i++)
		{
			
			var id=MarkerPlageBIds[i].textContent;
			var myLatLng=new google.maps.LatLng(MarkerPlageBLats[i].textContent,MarkerPlageBLongs[i].textContent);//converti la lat et long en un objet de gmap
			creermarkerplageB(myLatLng,id,map);
		}
	}
	
	
		
	   function creermarkplageA(myLatLng,id,map)//on creer un nouveau marker 
		{
		//alert("creer marker");
			var marker = new google.maps.Marker({//Créé un marker
			position: myLatLng,//on lui donne la lat et la long defini plus haut
				map: map, //sur la map MAP
				title: "PlageA"
			});
			
				mgr.addMarker(marker,0,12);//ajoute le marker sur la plage 1 -9
				//mgr.refresh();
				google.maps.event.addListener(marker, 'click', function() {//On lui assigne un Listener qui va ouvrir la fenetre d'info au click sur le marker
					afficheinfo(id);//appel la fonction afficheinfo
				});
		}
		
		function creermarkerplageB(myLatLng,id,map)//on creer un nouveau marker 
		{
		//alert("creer marker");
			var marker = new google.maps.Marker({//Créé un marker
			position: myLatLng,//on lui donne la lat et la long defini plus haut
				map: map, //sur la map MAP
				title: "PlageB"
			});
			
				mgr.addMarker(marker, 13, 17);//ajoute le marker sur la plage 9-15
				//mgr.refresh();
				google.maps.event.addListener(marker, 'click', function() {//On lui assigne un Listener qui va ouvrir la fenetre d'info au click sur le marker
					afficheinfo(id);//appel la fonction afficheinfo
				});
		}



// fonction qui permet de nettoyer la carte
function clearOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
  }
}

function centreCarte(marker){
	var center = marker.getPosition();//On recupére la position du marker 
	window.setTimeout(function(){map.panTo(center);}, 1000);//centre la carte sur le marker au bout d'un seconde
}

function afficheCoordonnees(marker)
{
	var position = marker.getPosition();//On recupére la position du marker
	document.getElementById("ajoutertype_marker_latitude").value = position.lat();//On affiche la lattitude et la longitude
	document.getElementById("ajoutertype_marker_longitude").value = position.lng();
}



//Fonction de géolocalisation
function geocodeAdresse()
	{
		
		if (geoCodeur) {//si geoCodeur existe
			addresse=document.getElementById("adresse").value;//recupére la valeur du champ adresse
			geoCodeur.geocode( { 'address': addresse},//on récupére l'adresse entré par l'utisateur
				function(results, status) {
				  if (status == google.maps.GeocoderStatus.OK) {//si on trouve une correspondance a cette adresse
				   
						clearOverlays();//On efface le marker precedent
						point=results[0].geometry.location;
						//On créé un nouveau marker
						
						var marker = new google.maps.Marker({
							map: map,
							draggable:true,
							position: point 
						});
						
						
							
							google.maps.event.addListener(marker, 'drag', function() {
								afficheCoordonnees(marker);
							});
							
							
							google.maps.event.addListener(marker, 'dragend', function() {
								centreCarte(marker);
							});
						
						
						markersArray.push(marker);//on entre le marker dans un tableau pour pouvoir l'effacer
						
						map.setCenter(point, 12);//On centre la map
						
						afficheCoordonnees(marker);//affiche les coodonnée gps a l'utilisateur
						 
						
				  } else {//si on ne trouve pas de correspondance
					alert("La Geolocalisation est un echec pour la raison suivante: " + status);//message d'erreur
				  }
				}
			);
		}
	}