Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
836 jpm 1 
/*+--------------------------------------------------------------------------------------------------------+*/
2 
// PARAMÊTRES et CONSTANTES
941 jpm 3 
// Mettre à true pour afficher les messages de débogage
950 jpm 4 
var DEBUG = false;
1041 aurelien 5 
/**
6 
 * Indication de certaines variables ajoutée par php
7 
* var communeImageUrl ;
8 
* var pointImageUrl ;
9 
* var groupeImageUrlTpl ;
10 
*/
836 jpm 11 
var pointsOrigine = null;
12 
var boundsOrigine = null;
13 
var markerClusterer = null;
14 
var map = null;
15 
var infoBulle = new google.maps.InfoWindow();
980 jpm 16 
var stations = null;
836 jpm 17 
var pointClique = null;
980 jpm 18 
var carteCentre = new google.maps.LatLng(25, 10);
836 jpm 19 
var carteOptions = {
980 jpm 20 
	zoom: 3,
21 
	center:carteCentre,
836 jpm 22 
	mapTypeId: google.maps.MapTypeId.ROADMAP,
23 
	mapTypeControlOptions: {
24 
		mapTypeIds: ['OSM',
25 
		             google.maps.MapTypeId.ROADMAP,
26 
		             google.maps.MapTypeId.HYBRID,
27 
		             google.maps.MapTypeId.SATELLITE,
28 
		             google.maps.MapTypeId.TERRAIN]
29 
	}
30 
};
31 
var osmMapType = new google.maps.ImageMapType({
32 
	getTileUrl: function(coord, zoom) {
33 
		return "http://tile.openstreetmap.org/" +
34 
		zoom + "/" + coord.x + "/" + coord.y + ".png";
35 
	},
36 
	tileSize: new google.maps.Size(256, 256),
37 
	isPng: true,
38 
	alt: "OpenStreetMap",
39 
	name: "OSM",
40 
	maxZoom: 19
41 
});
980 jpm 42 
var ctaLayer = null;
1271 aurelien 43 
var pagineur = {'limite':300, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
915 jpm 44 
var station = {'commune':'', 'obsNbre':0};
45 
var obsStation = new Array();
46 
var obsPage = new Array();
939 jpm 47 
var taxonsCarte = new Array();
980 jpm 48 
var mgr = null;
49 
var marqueursCache = new Array();
50 
var zonesCache = new Array();
1035 aurelien 51 
var requeteChargementPoints;
1142 aurelien 52 
var urlVars = null;
836 jpm 53 
/*+--------------------------------------------------------------------------------------------------------+*/
54 
// INITIALISATION DU CODE
55 
 
56 
//Déclenchement d'actions quand JQuery et le document HTML sont OK
57 
$(document).ready(function() {
58 
	initialiserWidget();
59 
});
60 
 
61 
function initialiserWidget() {
1142 aurelien 62 
	urlVars = getUrlVars();
980 jpm 63 
	definirTailleTitre();
836 jpm 64 
	initialiserAffichageCarte();
65 
	initialiserAffichagePanneauLateral();
66 
	initialiserCarte();
980 jpm 67 
	initialiserGestionnaireMarqueurs()
836 jpm 68 
	initialiserInfoBulle();
941 jpm 69 
	initialiserFormulaireContact();
836 jpm 70 
	chargerLimitesCommunales();
1032 aurelien 71 
	attribuerListenerCarte();
72 
	programmerRafraichissementCarte();
836 jpm 73 
}
74 
 
1142 aurelien 75 
function getUrlVars()
76 
{
77 
    var vars = [], hash;
1151 aurelien 78 
    if(window.location.href.indexOf('?') != -1) {
79 
	    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
80 
	    for(var i = 0; i < hashes.length; i++)
81 
	    {
82 
	        hash = hashes[i].split('=');
83 
	        vars.push(hash[0]);
84 
	        vars[hash[0]] = hash[1];
85 
	    }
1142 aurelien 86 
    }
87 
    return vars;
88 
}
89 
 
915 jpm 90 
/*+--------------------------------------------------------------------------------------------------------+*/
91 
// AFFICHAGE GÉNÉRAL
92 
 
980 jpm 93 
function afficherTitreCarte() {
94 
	if (stations != null && taxonsCarte.length > 0) {
1039 aurelien 95 
		var obsNbre = stations.stats.observations;
1173 aurelien 96 
		var obsNbreFormate = obsNbre;
97 
		if(obsNbre != 0) {
98 
		    obsNbreFormate = stations.stats.observations.formaterNombre();
99 
		}
1039 aurelien 100 
		var plteNbre = taxonsCarte.length;
1173 aurelien 101 
		var plteNbreFormate = plteNbre;
102 
		if(plteNbre != 0) {
103 
		    plteNbreFormate = taxonsCarte.length.formaterNombre();
104 
		}
1039 aurelien 105 
		var communeNbre = stations.stats.communes;
1173 aurelien 106 
		var communeNbreFormate = communeNbre;
107 
		if(communeNbre != 0) {
108 
		   communeNbreFormate = stations.stats.communes.formaterNombre();
109 
		}
1172 aurelien 110 
		var stationNbre = stations.stats.stations;
1173 aurelien 111 
		var stationNbreFormate = stationNbre;
112 
		if(stationNbre != 0) {
113 
		  	stationNbreFormate = stations.stats.stations.formaterNombre();
114 
		}
980 jpm 115 
 
1039 aurelien 116 
		var titre = obsNbreFormate+' observation';
980 jpm 117 
		titre += (obsNbre > 1) ? 's' : '' ;
1434 aurelien 118 
 
119 
		if(photos_seulement == 1) {
120 
			titre += ' avec photos ';
121 
		}
980 jpm 122 
 
1414 aurelien 123 
		titre += ' sur '+(stationNbre+ communeNbre)+' station';
124 
		titre += (stationNbre > 1) ? 's' : '' ;
1430 aurelien 125 
 
980 jpm 126 
		if (nt == '*') {
1414 aurelien 127 
			titre += ' parmi '+plteNbreFormate+' plante';
980 jpm 128 
			titre += (plteNbre > 1) ? 's' : '' ;
129 
		} else {
1430 aurelien 130 
			if($('.taxon-actif .taxon').text() != '') {
131 
				var element = $('.taxon-actif .taxon').clone();
132 
				element.children().remove();
133 
		        var taxon = element.text();
134 
				titre += ' pour '+taxon;
135 
			} else {
136 
				if (taxonsCarte[0]) {
137 
					var taxon = taxonsCarte[0];
138 
					titre += ' pour '+taxon.nom;
139 
				}
980 jpm 140 
			}
141 
		}
142 
 
143 
		$('#carte-titre-infos').text(titre);
144 
	}
836 jpm 145 
}
146 
 
980 jpm 147 
function definirTailleTitre() {
148 
	var largeurViewPort = $(window).width();
149 
	var taille = null;
150 
	if (largeurViewPort < 400) {
151 
		taille = '0.8';
152 
	} else if (largeurViewPort >= 400 && largeurViewPort < 800) {
153 
		taille = '1.0';
154 
	} else if (largeurViewPort >= 800) {
155 
		taille = '1.6';
156 
	}
157 
	$("#carte-titre").css('font-size', taille+'em');
158 
}
159 
 
915 jpm 160 
/*+--------------------------------------------------------------------------------------------------------+*/
161 
// CARTE
162 
 
836 jpm 163 
function initialiserAffichageCarte() {
164 
	$('#carte').height($(window).height() - 35);
165 
	$('#carte').width($(window).width() - 24);
980 jpm 166 
 
836 jpm 167 
	if (nt != '*') {
168 
		$('#carte').css('left', 0);
169 
	}
170 
}
171 
 
172 
function initialiserCarte() {
173 
	map = new google.maps.Map(document.getElementById('carte'), carteOptions);
174 
	// Ajout de la couche OSM à la carte
175 
	map.mapTypes.set('OSM', osmMapType);
176 
}
177 
 
980 jpm 178 
function initialiserGestionnaireMarqueurs() {
179 
	mgr = new MarkerManager(map);
180 
}
836 jpm 181 
 
182 
function chargerLimitesCommunales() {
183 
	if (urlsLimitesCommunales != null) {
184 
		for (urlId in urlsLimitesCommunales) {
185 
			var url = urlsLimitesCommunales[urlId];
1107 aurelien 186 
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});
836 jpm 187 
			ctaLayer.setMap(map);
188 
		}
189 
	}
190 
}
1039 aurelien 191 
 
980 jpm 192 
var listener = null;
193 
var timer = null;
1032 aurelien 194 
function attribuerListenerCarte() {
980 jpm 195 
	listener = google.maps.event.addListener(map, 'bounds_changed', function(){
1032 aurelien 196 
		programmerRafraichissementCarte();
980 jpm 197 
	});
1032 aurelien 198 
	listener = google.maps.event.addListener(map, 'zoom_changed', function(){
199 
		programmerRafraichissementCarte();
200 
	});
980 jpm 201 
}
1032 aurelien 202 
function programmerRafraichissementCarte() {
203 
	if(timer != null) {
204 
        window.clearTimeout(timer);
1035 aurelien 205 
    }
206 
	if(requeteChargementPoints != null) {
207 
		requeteChargementPoints.abort();
208 
	}
1032 aurelien 209 
	timer = window.setTimeout(function() {
1342 aurelien 210 
		if(map.getBounds() != undefined) {
211 
			var zoom = map.getZoom();
1434 aurelien 212 
			var lngNE = map.getBounds().getNorthEast().lng();
213 
			var lngSW = map.getBounds().getSouthWest().lng()
214 
			if(map.getBounds().getNorthEast().lng() < map.getBounds().getSouthWest().lng()) {
215 
				lngNE = 176;
216 
				lngSW = -156;
217 
			}
218 
			var NELatLng = (map.getBounds().getNorthEast().lat())+'|'+(lngNE);
219 
			var SWLatLng = (map.getBounds().getSouthWest().lat())+'|'+(lngSW);
1342 aurelien 220 
			chargerMarqueurs(zoom, NELatLng, SWLatLng);
221 
		} else {
222 
			programmerRafraichissementCarte();
223 
		}
1032 aurelien 224 
    }, 400);
225 
}
836 jpm 226 
 
980 jpm 227 
var marqueurs = new Array();
228 
function chargerMarqueurs(zoom, NELatLng, SWLatLng) {
229 
	var url = stationsUrl+
230 
		'&zoom='+zoom+
231 
		'&ne='+NELatLng+
232 
		'&sw='+SWLatLng;
233 
 
1032 aurelien 234 
	if(infoBulleOuverte) {
235 
		return;
236 
	}
237 
 
1035 aurelien 238 
	if(requeteChargementPoints != null) {
239 
		requeteChargementPoints.abort();
1037 aurelien 240 
		cacherMessageChargementPoints();
1035 aurelien 241 
	}
242 
 
243 
	afficherMessageChargementPoints();
244 
	requeteChargementPoints = $.getJSON(url, function(data) {
245 
		rafraichirMarqueurs(data);
246 
		cacherMessageChargementPoints();
980 jpm 247 
	});
248 
}
249 
 
1035 aurelien 250 
function afficherMessageChargementPoints() {
251 
	$('#zone-chargement-point').css('display','block');
252 
}
253 
 
254 
function cacherMessageChargementPoints() {
255 
	$('#zone-chargement-point').css('display','none');
256 
}
257 
 
1107 aurelien 258 
premierChargement = true;
1142 aurelien 259 
function doitCentrerCarte() {
260 
	return premierChargement && urlVars != null && urlVars.length > 0;
261 
}
1107 aurelien 262 
 
1035 aurelien 263 
function rafraichirMarqueurs(data) {
264 
	$.each(marqueurs, function(index, marqueur) {
265 
		marqueur.setMap(null);
266 
	});
267 
	marqueurs = new Array();
268 
 
269 
	stations = data;
270 
	afficherTitreCarte();
271 
 
272 
	$.each(stations.points, function (index, station) {
273 
		if(station != null) {
1039 aurelien 274 
			var nouveauMarqueur = creerMarqueur(station);
275 
			marqueurs.push(nouveauMarqueur);
1035 aurelien 276 
		}
277 
	});
1107 aurelien 278 
 
1142 aurelien 279 
	if(doitCentrerCarte()) {
1107 aurelien 280 
		premierChargement = false;
281 
		var bounds = new google.maps.LatLngBounds();
282 
		var latMax = new google.maps.LatLng(data.stats.coordmax.latMax, data.stats.coordmax.lngMax);
283 
		var latMin = new google.maps.LatLng(data.stats.coordmax.latMin, data.stats.coordmax.lngMin);
284 
		bounds.extend(latMax);
285 
		bounds.extend(latMin);
286 
		rendrePointsVisibles(bounds);
287 
	}
1035 aurelien 288 
}
289 
 
980 jpm 290 
function creerMarqueur(station) {
1037 aurelien 291 
	var titre = '';
292 
	if(station.nbreMarqueur) {
293 
		titre = station.nbreMarqueur+' points renseignés';
294 
	} else {
295 
		if(station.nom) {
296 
			titre = station.nom;
297 
		}
298 
	}
1434 aurelien 299 
 
980 jpm 300 
	var icone = attribuerImageMarqueur(station['id'], station['nbreMarqueur']);
301 
	var latLng = new google.maps.LatLng(station['lat'], station['lng']);
302 
	var marqueur = new google.maps.Marker({
303 
		position: latLng,
304 
		icon: icone,
305 
		title: ''+titre,
306 
		map: map,
307 
		stationInfos: station
308 
	});
309 
	attribuerListenerClick(marqueur, station['id']);
310 
	marqueur.setMap(map);
311 
    return marqueur;
312 
}
313 
 
1039 aurelien 314 
function rendrePointsVisibles(bounds) {
315 
	map.setCenter(bounds.getCenter());
316 
	map.fitBounds(bounds);
317 
}
318 
 
980 jpm 319 
function attribuerImageMarqueur(id, nbreMarqueur) {
320 
	var marqueurImage = null;
321 
	if (etreMarqueurCommune(id)) {
322 
		marqueurImage = new google.maps.MarkerImage(communeImageUrl, new google.maps.Size(24, 32));
323 
	} else if (etreMarqueurStation(id)) {
324 
		marqueurImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(16, 16));
325 
	} else if (etreMarqueurGroupe(id)) {
326 
		var type = 0;
327 
		var largeur = 0;
328 
		var hauteur = 0;
329 
		if (nbreMarqueur != null) {
330 
			if (nbreMarqueur >= 2 && nbreMarqueur < 100 ) {
331 
				type = '1';
332 
				largeur = 53;
333 
				hauteur = 52;
334 
			} else if (nbreMarqueur >= 100 && nbreMarqueur < 1000 ) {
335 
				type = '2';
336 
				largeur = 56;
337 
				hauteur = 55;
338 
			} else if (nbreMarqueur >= 1000 && nbreMarqueur < 10000 ) {
339 
				type = '3';
340 
				largeur = 66;
341 
				hauteur = 65;
342 
			} else if (nbreMarqueur >= 10000 && nbreMarqueur < 20000 ) {
343 
				type = '4';
344 
				largeur = 78;
345 
				hauteur = 77;
346 
			} else if (nbreMarqueur >= 20000) {
347 
				type = '5';
348 
				largeur = 66;
349 
				hauteur = 65;
350 
			}
351 
		}
352 
		groupeImageUrl = groupeImageUrlTpl.replace(/\{type\}/, type);
353 
		groupeImageUrl = groupeImageUrl.replace(/\{nbre\}/, nbreMarqueur);
354 
		marqueurImage = new google.maps.MarkerImage(groupeImageUrl, new google.maps.Size(largeur, hauteur));
355 
	}
356 
	return marqueurImage
357 
}
358 
 
359 
function attribuerListenerClick(marqueur, id) {
360 
	if (etreMarqueurCommune(id) || etreMarqueurStation(id)) {
361 
		google.maps.event.addListener(marqueur, 'click', surClickMarqueur);
362 
	} else if (etreMarqueurGroupe(id)) {
363 
		google.maps.event.addListener(marqueur, 'click', surClickGroupe);
364 
	}
365 
}
366 
 
1032 aurelien 367 
function surClickMarqueur(event) {
1039 aurelien 368 
 
369 
	if(infoBulleOuverte) {
370 
	    infoBulle.close();
371 
	}
372 
 
1035 aurelien 373 
	pointClique = this;
980 jpm 374 
	infoBulle.open(map, this);
375 
	actualiserPagineur();
1035 aurelien 376 
 
377 
	var limites = map.getBounds();
378 
	var centre = limites.getCenter();
379 
	var nordEst = limites.getNorthEast();
380 
	var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
381 
	map.panTo(centreSudLatLng);
382 
 
980 jpm 383 
	afficherInfoBulle();
384 
}
385 
 
386 
function surClickGroupe() {
387 
	map.setCenter(this.getPosition());
388 
	var nouveauZoom = map.getZoom() + 2;
389 
	map.setZoom(nouveauZoom);
390 
	mgr.clearMarkers();
391 
}
392 
 
393 
function etreMarqueurGroupe(id) {
394 
	var groupe = false;
395 
	var motif = /^GROUPE/;
396 
	if (motif.test(id)) {
397 
		groupe = true;
398 
	}
399 
	return groupe;
400 
}
401 
 
402 
function etreMarqueurCommune(id) {
403 
	var commune = false;
404 
	var motif = /^COMMUNE:/;
405 
	if (motif.test(id)) {
406 
		commune = true;
407 
	}
408 
	return commune;
409 
}
410 
 
411 
function etreMarqueurStation(id) {
412 
	var station = false;
413 
	var motif = /^STATION:/;
414 
	if (motif.test(id)) {
415 
		station = true;
416 
	}
417 
	return station;
418 
}
419 
 
420 
function deplacerCarteSurPointClique() {
915 jpm 421 
	map.panTo(pointClique.position);
422 
}
423 
 
424 
/*+--------------------------------------------------------------------------------------------------------+*/
425 
// INFO BULLE
1032 aurelien 426 
var infoBulleOuverte = false;
915 jpm 427 
function initialiserInfoBulle() {
428 
	google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);
980 jpm 429 
	google.maps.event.addListener(infoBulle, 'closeclick', surFermetureInfoBulle);
430 
	google.maps.event.addListener(infoBulle, 'content_changed', definirLargeurInfoBulle);
915 jpm 431 
}
432 
 
980 jpm 433 
function surFermetureInfoBulle() {
1032 aurelien 434 
	infoBulleOuverte = false;
435 
	programmerRafraichissementCarte();
980 jpm 436 
}
437 
 
438 
function centrerInfoBulle() {
439 
	var limites = map.getBounds();
440 
	var centre = limites.getCenter();
441 
	var nordEst = limites.getNorthEast();
442 
	var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
443 
	map.panTo(centreSudLatLng);
444 
}
445 
 
915 jpm 446 
function afficherInfoBulle() {
447 
	var obsHtml = $("#tpl-obs").html();
980 jpm 448 
	var largeur = definirLargeurInfoBulle();
449 
	obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
915 jpm 450 
	infoBulle.setContent(obsHtml);
1035 aurelien 451 
	chargerObs(0, 0);
1032 aurelien 452 
	infoBulleOuverte = true;
915 jpm 453 
}
454 
 
980 jpm 455 
function definirLargeurInfoBulle() {
456 
	var largeurViewPort = $(window).width();
457 
	var lageurInfoBulle = null;
458 
	if (largeurViewPort < 800) {
459 
		largeurInfoBulle = 400;
460 
	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
461 
		largeurInfoBulle = 500;
462 
	} else if (largeurViewPort >= 1200) {
463 
		largeurInfoBulle = 600;
464 
	}
465 
	return largeurInfoBulle;
466 
}
467 
 
915 jpm 468 
function afficherMessageChargement(element) {
469 
	if ($('#chargement').get() == '') {
470 
		$('#tpl-chargement').tmpl().appendTo(element);
471 
	}
472 
}
473 
 
1035 aurelien 474 
function afficherMessageChargementTitreInfoBulle() {
475 
	$("#obs-station-titre").text("Chargement des observations");
476 
}
477 
 
915 jpm 478 
function supprimerMessageChargement() {
479 
	$('#chargement').remove();
480 
}
481 
 
482 
function chargerObs(depart, total) {
939 jpm 483 
	if (depart == 0 || depart < total) {
915 jpm 484 
		var limite = 300;
485 
		if (depart == 0) {
1036 aurelien 486 
			viderTableauObs();
915 jpm 487 
		}
1035 aurelien 488 
 
939 jpm 489 
		var urlObs = observationsUrl+'&start={start}&limit='+limite;
1166 aurelien 490 
		urlObs = urlObs.replace(/\{stationId\}/g, encodeURIComponent(pointClique.stationInfos.id));
1044 aurelien 491 
		if (pointClique.stationInfos.type_emplacement == 'communes') {
1342 aurelien 492 
			urlObs = urlObs.replace(/commune=%2A/g, formaterParametreCommunePourRequete(pointClique.stationInfos.nom));
1042 aurelien 493 
		}
939 jpm 494 
		urlObs = urlObs.replace(/\{nt\}/g, nt);
915 jpm 495 
		urlObs = urlObs.replace(/\{start\}/g, depart);
496 
 
497 
		$.getJSON(urlObs, function(observations){
1036 aurelien 498 
			surRetourChargementObs(observations, depart, total);
1035 aurelien 499 
			chargerObs(depart+limite, observations.total);
915 jpm 500 
		});
1036 aurelien 501 
	}
502 
}
503 
 
1342 aurelien 504 
function formaterParametreCommunePourRequete(nomCommune) {
505 
	var chaineRequete = "";
506 
	if(nomCommune.indexOf("(", 0) !== false) {
507 
		var infosCommune = nomCommune.split("(");
508 
		var commune = infosCommune[0];
509 
		chaineRequete = 'commune='+encodeURIComponent($.trim(commune));
510 
	} else {
511 
		chaineRequete = 'commune='+encodeURIComponent($.trim(nomCommune));
512 
	}
513 
	return chaineRequete;
514 
}
515 
 
1036 aurelien 516 
function viderTableauObs() {
517 
	obsStation = new Array();
518 
	surClicPagePagination(0, null);
519 
}
520 
 
521 
function surRetourChargementObs(observations, depart, total) {
522 
	obsStation = obsStation.concat(observations.observations);
523 
	if (depart == 0) {
524 
		actualiserInfosStation(observations);
525 
		creerTitreInfoBulle();
1041 aurelien 526 
		surClicPagePagination(0, null);
915 jpm 527 
	}
1036 aurelien 528 
 
1039 aurelien 529 
	afficherPagination();
1036 aurelien 530 
	actualiserPagineur();
1041 aurelien 531 
	selectionnerOnglet("#obs-vue-"+pagineur.format);
915 jpm 532 
}
533 
 
1035 aurelien 534 
function actualiserInfosStation(infos) {
535 
	pointClique.stationInfos.commune = infos.commune;
536 
	pointClique.stationInfos.obsNbre = infos.total;
537 
}
538 
 
539 
function creerTitreInfoBulle() {
540 
	$("#obs-total").text(station.obsNbre);
541 
	$("#obs-commune").text(station.commune);
542 
	var titre = '';
543 
	titre += pointClique.stationInfos.obsNbre+' observation';
544 
	titre += (pointClique.stationInfos.obsNbre > 1) ? 's': '' ;
545 
	titre += ' pour ';
546 
	if (etreMarqueurCommune(pointClique.stationInfos.id)) {
547 
		nomStation = 'la commune : ';
548 
	} else {
549 
		nomStation = 'la station : ';
550 
	}
551 
	titre += pointClique.stationInfos.nom;
552 
	$("#obs-station-titre").text(titre);
553 
}
554 
 
939 jpm 555 
function actualiserPagineur() {
980 jpm 556 
	pagineur.stationId = pointClique.stationInfos.id;
1035 aurelien 557 
	pagineur.total = pointClique.stationInfos.obsNbre;
1435 aurelien 558 
	// Si on est en mode photo on reste en mode liste quelque soit le
559 
	// nombre de résultats
1434 aurelien 560 
	if (pagineur.total > 4 && photos_seulement != 1) {
939 jpm 561 
		pagineur.format = 'tableau';
562 
	} else {
563 
		pagineur.format = 'liste';
564 
	}
565 
}
566 
 
915 jpm 567 
function afficherPagination(observations) {
568 
	$(".navigation").pagination(pagineur.total, {
569 
		items_per_page:pagineur.limite,
570 
		callback:surClicPagePagination,
571 
		next_text:'Suivant',
572 
		prev_text:'Précédent',
573 
		prev_show_always:false,
574 
		num_edge_entries:1,
953 jpm 575 
		num_display_entries:4,
915 jpm 576 
		load_first_page:true
577 
	});
578 
}
579 
 
580 
function surClicPagePagination(pageIndex, paginationConteneur) {
581 
	var index = pageIndex * pagineur.limite;
582 
	var indexMax = index + pagineur.limite;
583 
	pagineur.depart = index;
584 
	obsPage = new Array();
585 
    for(index; index < indexMax; index++) {
586 
    	obsPage.push(obsStation[index]);
587 
    }
588 
 
589 
    supprimerMessageChargement();
590 
    mettreAJourObservations();
591 
	return false;
592 
}
593 
 
594 
function mettreAJourObservations() {
595 
	$("#obs-"+pagineur.format+"-lignes").empty();
596 
   	$("#obs-vue-"+pagineur.format).css('display', 'block');
597 
   	$(".obs-conteneur").css('counter-reset', 'item '+pagineur.depart);
598 
	$("#tpl-obs-"+pagineur.format).tmpl(obsPage).appendTo("#obs-"+pagineur.format+"-lignes");
599 
 
600 
	// Actualisation de Fancybox
1414 aurelien 601 
	ajouterFormulaireContact("a.contact");
915 jpm 602 
	if (pagineur.format == 'liste') {
836 jpm 603 
		ajouterGaleriePhoto("a.cel-img");
604 
	}
605 
}
606 
 
915 jpm 607 
function initialiserContenuInfoBulle() {
980 jpm 608 
	afficherMessageChargement('#observations');
609 
	cacherContenuOnglets();
915 jpm 610 
	afficherOnglets();
611 
	ajouterTableauTriable("#obs-tableau");
612 
	afficherTextStationId();
613 
	corrigerLargeurInfoWindow();
614 
}
615 
 
980 jpm 616 
function cacherContenuOnglets() {
617 
	$("#obs-vue-tableau").css("display", "none");
618 
	$("#obs-vue-liste").css("display", "none");
619 
}
620 
 
915 jpm 621 
function afficherOnglets() {
622 
	var $tabs = $('#obs').tabs();
623 
	$('#obs').bind('tabsselect', function(event, ui) {
624 
		if (ui.panel.id == 'obs-vue-tableau') {
625 
			surClicAffichageTableau();
626 
		} else if (ui.panel.id == 'obs-vue-liste') {
627 
			surClicAffichageListe();
628 
		}
629 
	});
980 jpm 630 
	if (pointClique.stationInfos.nbre > 4) {
631 
		$tabs.tabs('select', "#obs-vue-tableau");
632 
	} else {
633 
		$tabs.tabs('select', "#obs-vue-liste");
634 
	}
635 
 
915 jpm 636 
}
637 
 
939 jpm 638 
function selectionnerOnglet(onglet) {
980 jpm 639 
	$(onglet).css('display', 'block');
939 jpm 640 
	$('#obs').tabs('select', onglet);
641 
}
642 
 
915 jpm 643 
function afficherTextStationId() {
980 jpm 644 
	$('#obs-station-id').text(pointClique.stationInfos.id);
915 jpm 645 
}
646 
 
647 
function corrigerLargeurInfoWindow() {
953 jpm 648 
	$("#info-bulle").width($("#info-bulle").width() - 17);
915 jpm 649 
}
650 
 
651 
function surClicAffichageTableau(event) {
652 
	pagineur.format = 'tableau';
653 
	mettreAJourObservations();
654 
	mettreAJourTableauTriable("#obs-tableau");
655 
}
656 
 
657 
function surClicAffichageListe(event) {
658 
	pagineur.format = 'liste';
659 
	mettreAJourObservations();
660 
	ajouterGaleriePhoto("a.cel-img");
661 
}
662 
 
836 jpm 663 
function ajouterTableauTriable(element) {
664 
	// add parser through the tablesorter addParser method
665 
	$.tablesorter.addParser({
666 
		// Définition d'un id unique pour ce parsseur
667 
		id: 'date_cel',
668 
		is: function(s) {
915 jpm 669 
			// doit retourner false si le parsseur n'est pas autodétecté
670 
			return /^\s*\d{2}[\/-]\d{2}[\/-]\d{4}\s*$/.test(s);
836 jpm 671 
		},
915 jpm 672 
		format: function(date) {
836 jpm 673 
			// Transformation date jj/mm/aaaa en aaaa/mm/jj
915 jpm 674 
			date = date.replace(/^\s*(\d{2})[\/-](\d{2})[\/-](\d{4})\s*$/, "$3/$2/$1");
836 jpm 675 
			// Remplace la date par un nombre de millisecondes pour trier numériquement
915 jpm 676 
			return $.tablesorter.formatFloat(new Date(date).getTime());
836 jpm 677 
		},
678 
		// set type, either numeric or text
679 
		type: 'numeric'
680 
	});
681 
	$(element).tablesorter({
682 
        headers: {
915 jpm 683 
			1: {
684 
            	sorter:'date_cel'
685 
        	}
686 
    	}
687 
	});
836 jpm 688 
}
689 
 
915 jpm 690 
function mettreAJourTableauTriable(element) {
691 
	$(element).trigger('update');
692 
}
693 
 
836 jpm 694 
function ajouterGaleriePhoto(element) {
695 
	$(element).fancybox({
915 jpm 696 
		transitionIn:'elastic',
697 
		transitionOut:'elastic',
698 
		speedIn	:600,
699 
		speedOut:200,
700 
		overlayShow:true,
701 
		titleShow:true,
702 
		titlePosition:'inside',
703 
		titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
704 
			var motif = /urn:lsid:tela-botanica[.]org:cel:img([0-9]+)$/;
705 
			motif.exec(titre);
706 
			var id = RegExp.$1;
707 
			var info = $('#cel-info-'+id).clone().html();
708 
			var tpl =
709 
				'<div class="cel-legende">'+
710 
				'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
711 
				(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
712 
				'<\/div>';
713 
			return tpl;
836 jpm 714 
		}
1032 aurelien 715 
	}).live('click', function(e) {
716 
		if (e.stopPropagation) {
717 
			e.stopPropagation();
718 
		}
719 
		return false;
720 
	});
836 jpm 721 
}
722 
 
1414 aurelien 723 
function ajouterFormulaireContact(element) {
941 jpm 724 
	$(element).fancybox({
725 
		transitionIn:'elastic',
726 
		transitionOut:'elastic',
727 
		speedIn	:600,
728 
		speedOut:200,
729 
		scrolling: 'no',
730 
		titleShow: false,
731 
		onStart: function(selectedArray, selectedIndex, selectedOpts) {
732 
			var element = selectedArray[selectedIndex];
733 
 
734 
			var motif = / contributeur-([0-9]+)$/;
735 
			motif.exec($(element).attr('class'));
736 
			var id = RegExp.$1;
950 jpm 737 
			//console.log('Destinataire id : '+id);
941 jpm 738 
			$("#fc_destinataire_id").attr('value', id);
739 
 
740 
			var motif = / obs-([0-9]+) /;
741 
			motif.exec($(element).attr('class'));
742 
			var id = RegExp.$1;
950 jpm 743 
			//console.log('Obs id : '+id);
941 jpm 744 
			chargerInfoObsPourMessage(id);
745 
		},
746 
		onCleanup: function() {
950 jpm 747 
			//console.log('Avant fermeture fancybox');
941 jpm 748 
			$("#fc_destinataire_id").attr('value', '');
749 
			$("#fc_sujet").attr('value', '');
750 
			$("#fc_message").text('');
751 
		},
752 
		onClosed: function(e) {
950 jpm 753 
			//console.log('Fermeture fancybox');
941 jpm 754 
			if (e.stopPropagation) {
755 
				e.stopPropagation();
756 
			}
757 
			return false;
758 
		}
759 
	});
760 
}
761 
 
762 
function chargerInfoObsPourMessage(idObs) {
980 jpm 763 
	var nomSci = jQuery.trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());
764 
	var date = jQuery.trim($(".cel-obs-"+idObs+" .date:eq(0)").text());
765 
	var lieu = jQuery.trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());
953 jpm 766 
	var sujet = "Observation #"+idObs+" de "+nomSci;
767 
	var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';
941 jpm 768 
	$("#fc_sujet").attr('value', sujet);
769 
	$("#fc_message").text(message);
770 
}
771 
 
772 
function initialiserFormulaireContact() {
950 jpm 773 
	//console.log('Initialisation du form contact');
941 jpm 774 
	$("#form-contact").validate({
775 
		rules: {
776 
			fc_sujet : "required",
777 
			fc_message : "required",
953 jpm 778 
			fc_utilisateur_courriel : {
779 
				required : true,
780 
				email : true}
941 jpm 781 
		}
782 
	});
783 
	$("#form-contact").bind("submit", envoyerCourriel);
950 jpm 784 
	$("#fc_annuler").bind("click", function() {$.fancybox.close();});
941 jpm 785 
 
786 
}
787 
 
788 
function envoyerCourriel() {
950 jpm 789 
	//console.log('Formulaire soumis');
941 jpm 790 
	if ($("#form-contact").valid()) {
950 jpm 791 
		//console.log('Formulaire valide');
941 jpm 792 
		//$.fancybox.showActivity();
793 
		var destinataireId = $("#fc_destinataire_id").attr('value');
794 
		var urlMessage = "http://www.tela-botanica.org/service:annuaire:Utilisateur/"+destinataireId+"/message"
795 
		var erreurMsg = "";
796 
		var donnees = new Array();
797 
		$.each($(this).serializeArray(), function (index, champ) {
798 
			var cle = champ.name;
799 
			cle = cle.replace(/^fc_/, '');
953 jpm 800 
 
980 jpm 801 
			if (cle == 'sujet') {
953 jpm 802 
				champ.value += " - Carnet en ligne - Tela Botanica";
803 
			}
804 
			if (cle == 'message') {
805 
				champ.value += "\n--\n"+
980 jpm 806 
					"Ce message vous est envoyé par l'intermédiaire du widget carto "+
953 jpm 807 
					"du Carnet en Ligne du réseau Tela Botanica.\n"+
808 
					"http://www.tela-botanica.org/widget:cel:carto";
809 
			}
810 
 
941 jpm 811 
			donnees[index] = {'name':cle,'value':champ.value};
812 
		});
813 
		$.ajax({
814 
			type : "POST",
815 
			cache : false,
816 
			url : urlMessage,
817 
			data : donnees,
818 
			beforeSend : function() {
819 
				$(".msg").remove();
820 
			},
821 
			success : function(data) {
822 
				$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
823 
			},
824 
			error : function(jqXHR, textStatus, errorThrown) {
825 
				erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
826 
				reponse = jQuery.parseJSON(jqXHR.responseText);
827 
				if (reponse != null) {
828 
					$.each(reponse, function (cle, valeur) {
829 
						erreurMsg += valeur + "\n";
830 
					});
831 
				}
832 
			},
833 
			complete : function(jqXHR, textStatus) {
834 
				var debugMsg = '';
835 
				if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
836 
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
837 
					if (debugInfos != null) {
838 
						$.each(debugInfos, function (cle, valeur) {
839 
							debugMsg += valeur + "\n";
840 
						});
841 
					}
842 
				}
843 
				if (erreurMsg != '') {
844 
					$("#fc-zone-dialogue").append('<p class="msg">'+
845 
							'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
846 
							'Vous pouvez signaler le disfonctionnement à <a href="'+
847 
							'mailto:cel@tela-botanica.org'+'?'+
980 jpm 848 
							'subject=Disfonctionnement du widget carto'+
941 jpm 849 
							"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
850 
							'">cel@tela-botanica.org</a>.'+
851 
							'</p>');
852 
				}
853 
				if (DEBUG) {
854 
					console.log('Débogage : '+debugMsg);
855 
				}
950 jpm 856 
				//console.log('Débogage : '+debugMsg);
857 
				//console.log('Erreur : '+erreurMsg);
941 jpm 858 
			}
859 
		});
860 
	}
861 
	return false;
862 
}
915 jpm 863 
/*+--------------------------------------------------------------------------------------------------------+*/
864 
// PANNEAU LATÉRAL
836 jpm 865 
 
915 jpm 866 
function initialiserAffichagePanneauLateral() {
867 
	$('#panneau-lateral').height($(window).height() - 35);
841 jpm 868 
 
915 jpm 869 
	if (nt == '*') {
870 
		$('#pl-ouverture').bind('click', afficherPanneauLateral);
871 
		$('#pl-fermeture').bind('click', cacherPanneauLateral);
1430 aurelien 872 
	} else {
873 
		$('#panneau-lateral').width(0);
874 
		$('#carte').width('100%');
836 jpm 875 
	}
939 jpm 876 
	chargerTaxons(0, 0);
836 jpm 877 
}
878 
 
939 jpm 879 
function chargerTaxons(depart, total) {
880 
	if (depart == 0 || depart < total) {
881 
		var limite = 7000;
950 jpm 882 
		//console.log("Chargement des taxons de "+depart+" à "+(depart+limite));
939 jpm 883 
		var urlTax = taxonsUrl+'&start={start}&limit='+limite;
884 
		urlTax = urlTax.replace(/\{start\}/g, depart);
885 
		$.getJSON(urlTax, function(infos) {
886 
			taxonsCarte = taxonsCarte.concat(infos.taxons);
950 jpm 887 
			//console.log("Nbre taxons :"+taxonsCarte.length);
939 jpm 888 
			chargerTaxons(depart+limite, infos.total);
889 
		});
890 
	} else {
891 
		if (nt == '*') {
892 
			afficherTaxons();
893 
		}
980 jpm 894 
		afficherTitreCarte();
939 jpm 895 
	}
896 
}
897 
 
898 
function afficherTaxons() {
980 jpm 899 
	$(".plantes-nbre").text(taxonsCarte.length);
939 jpm 900 
	$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
901 
	$('.taxon').live('click', filtrerParTaxon);
902 
}
903 
 
904 
 
915 jpm 905 
function afficherPanneauLateral() {
836 jpm 906 
	$('#panneau-lateral').width(300);
907 
	$('#pl-contenu').css('display', 'block');
908 
	$('#pl-ouverture').css('display', 'none');
909 
	$('#pl-fermeture').css('display', 'block');
910 
	$('#carte').css('left', '300px');
911 
 
912 
	google.maps.event.trigger(map, 'resize');
913 
};
914 
 
915 jpm 915 
function cacherPanneauLateral() {
836 jpm 916 
	$('#panneau-lateral').width(24);
917 
	$('#pl-contenu').css('display', 'none');
918 
	$('#pl-ouverture').css('display', 'block');
919 
	$('#pl-fermeture').css('display', 'none');
920 
	$('#carte').css('left', '24px');
921 
 
922 
	google.maps.event.trigger(map, 'resize');
923 
};
924 
 
925 
function filtrerParTaxon() {
926 
	var ntAFiltrer = $('.nt', this).text();
927 
	infoBulle.close();
1037 aurelien 928 
	var zoom = map.getZoom();
929 
	var NELatLng = map.getBounds().getNorthEast().lat()+'|'+map.getBounds().getNorthEast().lng();
930 
	var SWLatLng = map.getBounds().getSouthWest().lat()+'|'+map.getBounds().getSouthWest().lng();
931 
 
836 jpm 932 
	$('#taxon-'+nt).removeClass('taxon-actif');
933 
	if (nt == ntAFiltrer) {
934 
		nt = '*';
1037 aurelien 935 
		stationsUrl = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+nt);
936 
		chargerMarqueurs(zoom, NELatLng, SWLatLng);
836 jpm 937 
	} else {
1035 aurelien 938 
		stationsUrl = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+ntAFiltrer);
939 
		url = stationsUrl;
940 
		url += '&zoom='+zoom+
941 
			'&ne='+NELatLng+
942 
			'&sw='+SWLatLng;
943 
		requeteChargementPoints = $.getJSON(url, function (stationsFiltrees) {
939 jpm 944 
			stations = stationsFiltrees;
836 jpm 945 
			nt = ntAFiltrer;
946 
			$('#taxon-'+nt).addClass('taxon-actif');
1035 aurelien 947 
			rafraichirMarqueurs(stations);
836 jpm 948 
		});
949 
	}
950 
};
951 
 
915 jpm 952 
/*+--------------------------------------------------------------------------------------------------------+*/
953 
// FONCTIONS UTILITAIRES
954 
 
980 jpm 955 
function ouvrirPopUp(element, nomPopUp, event) {
956 
	var options =
957 
		'width=650,'+
958 
		'height=600,'+
959 
		'scrollbars=yes,'+
960 
		'directories=no,'+
961 
		'location=no,'+
962 
		'menubar=no,'+
963 
		'status=no,'+
964 
		'toolbar=no';
965 
	var popUp = window.open(element.href, nomPopUp, options);
966 
	if (window.focus) {
967 
		popUp.focus();
968 
	}
969 
	return arreter(event);
970 
};
971 
 
972 
function ouvrirNouvelleFenetre(element, event) {
973 
	window.open(element.href);
974 
	return arreter(event);
975 
}
976 
 
915 jpm 977 
function arreter(event) {
978 
	if (event.stopPropagation) {
979 
		event.stopPropagation();
980 
	} else if (window.event) {
981 
		window.event.cancelBubble = true;
982 
	}
980 jpm 983 
	if (event.preventDefault) {
984 
		event.preventDefault();
985 
	}
986 
	event.returnValue = false;
915 jpm 987 
	return false;
988 
}
989 
 
836 jpm 990 
/**
991 
 * +-------------------------------------+
992 
 * Number.prototype.formaterNombre
993 
 * +-------------------------------------+
994 
 * Params (facultatifs):
995 
 * - Int decimales: nombre de decimales (exemple: 2)
996 
 * - String signe: le signe precedent les decimales (exemple: "," ou ".")
997 
 * - String separateurMilliers: comme son nom l'indique
998 
 * Returns:
999 
 * - String chaine formatee
1000 
 * @author	::mastahbenus::
1001 
 * @author	Jean-Pascal MILCENT <jpm@tela-botanica.org> : ajout détection auto entier/flotant
1002 
 * @souce	http://www.javascriptfr.com/codes/FORMATER-NOMBRE-FACON-NUMBER-FORMAT-PHP_40060.aspx
1003 
 */
1004 
Number.prototype.formaterNombre = function (decimales, signe, separateurMilliers) {
1005 
	var _sNombre = String(this), i, _sRetour = "", _sDecimales = "";
1006 
 
1007 
	function is_int(nbre) {
1008 
		nbre = nbre.replace(',', '.');
1009 
		return !(parseFloat(nbre)-parseInt(nbre) > 0);
1010 
	}
1011 
 
1012 
	if (decimales == undefined) {
1013 
		if (is_int(_sNombre)) {
1014 
			decimales = 0;
1015 
		} else {
1016 
			decimales = 2;
1017 
		}
1018 
	}
1019 
	if (signe == undefined) {
1020 
		if (is_int(_sNombre)) {
1021 
			signe = '';
1022 
		} else {
1023 
			signe = '.';
1024 
		}
1025 
	}
1026 
	if (separateurMilliers == undefined) {
1027 
		separateurMilliers = ' ';
1028 
	}
1029 
 
1030 
	function separeMilliers (sNombre) {
1031 
		var sRetour = "";
1032 
		while (sNombre.length % 3 != 0) {
1033 
			sNombre = "0"+sNombre;
1034 
		}
1035 
		for (i = 0; i < sNombre.length; i += 3) {
1036 
			if (i == sNombre.length-1) separateurMilliers = '';
1037 
			sRetour += sNombre.substr(i, 3) + separateurMilliers;
1038 
		}
1039 
		while (sRetour.substr(0, 1) == "0") {
1040 
			sRetour = sRetour.substr(1);
1041 
		}
1042 
		return sRetour.substr(0, sRetour.lastIndexOf(separateurMilliers));
1043 
	}
1044 
 
1045 
	if (_sNombre.indexOf('.') == -1) {
1046 
		for (i = 0; i < decimales; i++) {
1047 
			_sDecimales += "0";
1048 
		}
1049 
		_sRetour = separeMilliers(_sNombre) + signe + _sDecimales;
1050 
	} else {
1051 
		var sDecimalesTmp = (_sNombre.substr(_sNombre.indexOf('.')+1));
1052 
		if (sDecimalesTmp.length > decimales) {
1053 
			var nDecimalesManquantes = sDecimalesTmp.length - decimales;
1054 
			var nDiv = 1;
1055 
			for (i = 0; i < nDecimalesManquantes; i++) {
1056 
				nDiv *= 10;
1057 
			}
1058 
			_sDecimales = Math.round(Number(sDecimalesTmp) / nDiv);
1059 
		}
1060 
		_sRetour = separeMilliers(_sNombre.substr(0, _sNombre.indexOf('.')))+String(signe)+_sDecimales;
1061 
	}
1062 
	return _sRetour;
915 jpm 1063 
}
1064 
 
1065 
function debug(objet) {
1066 
	var msg = '';
1067 
	if (objet != null) {
1068 
		$.each(objet, function (cle, valeur) {
1069 
			msg += cle+":"+valeur + "\n";
1070 
		});
1071 
	} else {
1072 
		msg = "La variable vaut null.";
1073 
	}
1074 
	console.log(msg);
836 jpm 1075 
}