$(document).ready(function(){

 if (GBrowserIsCompatible()) {
	//Création de la carte
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(47.217003, -1.555252), 12);
	$.lamap = map;// "lamap" est une variable globale
	
	
	//Création de la liste des Stations Marguerites Ouvertes
	var i = $("#nbreLieu").val();	//la variable "nbreLieu" indique le nombre de station, cette variable est passée en "hidden" dans le view du module
	var iconeLieu = new GIcon(G_DEFAULT_ICON);//on dégini une nouvel icone et on lui affecte des options
	iconeLieu.image = "/global/images/2008/pictoLieu.png";//ici l'image du pointeur
    //iconeLieu.shadow = "/global/images/2008/shadow.png";//l'ombre (ici, il n'y a pas d'ombre)
	iconeLieu.iconAnchor = new GPoint(9, 15);
	//iconeLieu.iconSize = new GSize(12, 20);//taille a modifier selon l'image
	iconeLieu.imageMap = new Array(0,0,28,0,28,16,0,16);
	
	markerOptions = { icon:iconeLieu };//on affecte les options au pointeur
	for(var j=1;j<=i;j++) {//on parcourt tous le lieux
		var url = $("#urlLieu"+j).val();
		var lat = $("#latLieu"+j).val();//on récupère la latitude
		var longi = $("#longLieu"+j).val();//la longitude
		var messageLieu = $("#messageLieu"+j).val();//le message qui sera affiché lors du clique
		var nomLieu = $("#nomLieu"+j).val();//le nom du lieu
		//toutes ces informations sont passé en varibles cachées dans le view 
		
		map.addOverlay(createMarker(lat,longi,messageLieu,nomLieu,j,markerOptions,url));//une fois tout le reste fait, on créer le pointeur sur la carte en elle meme avec toutes les options correspondantes
		//appel de la fonction "creatMarker" définit plus bas
	}
	//afficheStations(map,$("#latStation5").val(),$("#longStation5").val(),"test", "test",5);
	//map.openInfoWindowHtml(new GLatLng(lat,longi),html);	
  }
});

$(document).unload(function(){
	GUnload();
});

//function de création de marker Station
function createMarker(lat,lng,message, nom,j, options,url) {
		var point = new GLatLng(lat,lng);
		var marker  = new GMarker(point,options);
		GEvent.addListener(marker, "click", function() {
			var toWrite="<div id='messageGoogle'>";
			toWrite += "<a href='"+url+"'><h1>"+nom+"</h1></a>";
			toWrite += "<br/>"+message;
			marker.openInfoWindowHtml(toWrite);
		});
		return marker;
}

function afficheBulle(lat,longi,indLieu) {
 //on affiche la bulle correspondante a la station ou l'emplacement choisi
	$.lamap.openInfoWindowHtml(new GLatLng(lat,longi),"<div id='messageGoogle'>"+$("#messageLieu"+indLieu).val()+"</div>");
}