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]
1438 aurelien 29
	},
30
	zoomControlOptions: {
31
        style: google.maps.ZoomControlStyle.LARGE,
32
        position: google.maps.ControlPosition.LEFT_CENTER
33
    },
34
    panControl: false
836 jpm 35
};
36
var osmMapType = new google.maps.ImageMapType({
37
	getTileUrl: function(coord, zoom) {
38
		return "http://tile.openstreetmap.org/" +
39
		zoom + "/" + coord.x + "/" + coord.y + ".png";
40
	},
41
	tileSize: new google.maps.Size(256, 256),
42
	isPng: true,
43
	alt: "OpenStreetMap",
44
	name: "OSM",
45
	maxZoom: 19
46
});
980 jpm 47
var ctaLayer = null;
1271 aurelien 48
var pagineur = {'limite':300, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
915 jpm 49
var station = {'commune':'', 'obsNbre':0};
50
var obsStation = new Array();
51
var obsPage = new Array();
939 jpm 52
var taxonsCarte = new Array();
980 jpm 53
var mgr = null;
54
var marqueursCache = new Array();
55
var zonesCache = new Array();
1035 aurelien 56
var requeteChargementPoints;
1142 aurelien 57
var urlVars = null;
836 jpm 58
/*+--------------------------------------------------------------------------------------------------------+*/
59
// INITIALISATION DU CODE
60
 
61
//Déclenchement d'actions quand JQuery et le document HTML sont OK
62
$(document).ready(function() {
63
	initialiserWidget();
64
});
65
 
66
function initialiserWidget() {
1142 aurelien 67
	urlVars = getUrlVars();
1448 aurelien 68
	dimensionnerCarte();
1442 aurelien 69
	definirTailleOverlay();
1450 aurelien 70
	initialiserCarte();
1442 aurelien 71
	attribuerListenersOverlay();
1438 aurelien 72
	centrerTitreEtStats();
836 jpm 73
	initialiserAffichagePanneauLateral();
980 jpm 74
	initialiserGestionnaireMarqueurs()
836 jpm 75
	initialiserInfoBulle();
941 jpm 76
	initialiserFormulaireContact();
836 jpm 77
	chargerLimitesCommunales();
1032 aurelien 78
	attribuerListenerCarte();
836 jpm 79
}
80
 
1142 aurelien 81
function getUrlVars()
82
{
83
    var vars = [], hash;
1151 aurelien 84
    if(window.location.href.indexOf('?') != -1) {
85
	    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
86
	    for(var i = 0; i < hashes.length; i++)
87
	    {
88
	        hash = hashes[i].split('=');
89
	        vars.push(hash[0]);
90
	        vars[hash[0]] = hash[1];
91
	    }
1142 aurelien 92
    }
93
    return vars;
94
}
95
 
915 jpm 96
/*+--------------------------------------------------------------------------------------------------------+*/
97
// AFFICHAGE GÉNÉRAL
98
 
1438 aurelien 99
function afficherTitreCarteEtStats() {
980 jpm 100
	if (stations != null && taxonsCarte.length > 0) {
1039 aurelien 101
		var obsNbre = stations.stats.observations;
1173 aurelien 102
		var obsNbreFormate = obsNbre;
103
		if(obsNbre != 0) {
104
		    obsNbreFormate = stations.stats.observations.formaterNombre();
105
		}
1039 aurelien 106
		var plteNbre = taxonsCarte.length;
1173 aurelien 107
		var plteNbreFormate = plteNbre;
108
		if(plteNbre != 0) {
109
		    plteNbreFormate = taxonsCarte.length.formaterNombre();
110
		}
1039 aurelien 111
		var communeNbre = stations.stats.communes;
1173 aurelien 112
		var communeNbreFormate = communeNbre;
113
		if(communeNbre != 0) {
114
		   communeNbreFormate = stations.stats.communes.formaterNombre();
115
		}
1172 aurelien 116
		var stationNbre = stations.stats.stations;
1173 aurelien 117
		var stationNbreFormate = stationNbre;
118
		if(stationNbre != 0) {
119
		  	stationNbreFormate = stations.stats.stations.formaterNombre();
120
		}
980 jpm 121
 
1438 aurelien 122
		var stats = obsNbreFormate+' observation';
123
		stats += (obsNbre > 1) ? 's' : '' ;
1434 aurelien 124
 
1438 aurelien 125
		if(photos != null && photos == 1) {
126
			stats += ' avec photos ';
1434 aurelien 127
		}
980 jpm 128
 
1438 aurelien 129
		stats += ' sur '+(stationNbre+ communeNbre)+' station';
130
		stats += (stationNbre > 1) ? 's' : '' ;
1447 aurelien 131
 
980 jpm 132
		if (nt == '*') {
1438 aurelien 133
			stats += ' parmi '+plteNbreFormate+' plante';
134
			stats += (plteNbre > 1) ? 's' : '' ;
980 jpm 135
		} else {
1430 aurelien 136
			if($('.taxon-actif .taxon').text() != '') {
137
				var element = $('.taxon-actif .taxon').clone();
138
				element.children().remove();
139
		        var taxon = element.text();
1438 aurelien 140
		        stats += ' pour '+taxon;
1430 aurelien 141
			} else {
142
				if (taxonsCarte[0]) {
143
					var taxon = taxonsCarte[0];
1438 aurelien 144
					stats += ' pour '+taxon.nom;
1430 aurelien 145
				}
980 jpm 146
			}
147
		}
148
 
1438 aurelien 149
		$('#zone-stats').show();
1448 aurelien 150
	} else {
151
		stats = "Aucune observation pour ces critères ou pour cette zone";
980 jpm 152
	}
1448 aurelien 153
 
154
	$('#zone-stats > h1').text(stats);
1438 aurelien 155
	centrerTitreEtStats();
836 jpm 156
}
157
 
1442 aurelien 158
function attribuerListenersOverlay() {
159
 
160
	$(window).resize(function() {
1448 aurelien 161
		dimensionnerCarte();
1442 aurelien 162
		definirTailleOverlay();
163
		centrerTitreEtStats();
1445 aurelien 164
		programmerRafraichissementCarte();
1450 aurelien 165
		google.maps.event.trigger($('#carte'), 'resize');
1442 aurelien 166
	});
167
 
168
	$('#lien_plein_ecran a').click(function(event) {
169
		window.open(window.location.href);
1445 aurelien 170
		event.preventDefault();
1442 aurelien 171
	});
172
 
1447 aurelien 173
	$('#lien-voir-cc a').click(function(event) {
174
		ouvrirPopUp(this, 'Avertissement', event);
1445 aurelien 175
		event.preventDefault();
1442 aurelien 176
	});
177
}
178
 
179
function definirTailleOverlay() {
980 jpm 180
	var largeurViewPort = $(window).width();
1445 aurelien 181
	var taille = '1.6';
1447 aurelien 182
	var tailleMaxLogo = 60;
183
	var tailleMaxIcones = 10;
1442 aurelien 184
	var padding_icones = 8;
1445 aurelien 185
	var tailleFiltre = 80;
1448 aurelien 186
	if (largeurViewPort <= 450) {
187
		taille = '1';
188
		tailleMaxIcones = 10;
189
		tailleFiltre = 65;
190
		padding_icones = 2;
191
		var tailleMaxLogo = 50;
192
	} else if (largeurViewPort <= 500) {
1447 aurelien 193
		taille = '1.2';
1442 aurelien 194
		tailleMaxIcones = 10;
1447 aurelien 195
		tailleFiltre = 65;
196
		padding_icones = 2;
1448 aurelien 197
		var tailleMaxLogo = 50;
1442 aurelien 198
	} else if (largeurViewPort > 500 && largeurViewPort <= 800) {
1447 aurelien 199
		taille = '1.4';
1442 aurelien 200
		tailleMaxIcones = 15;
201
		padding_icones = 6;
1447 aurelien 202
		tailleFiltre = 65;
1448 aurelien 203
		var tailleMaxLogo = 55;
1442 aurelien 204
	} else if (largeurViewPort > 800) {
980 jpm 205
		taille = '1.6';
1442 aurelien 206
		tailleMaxIcones = 20;
207
		padding_icones = 8;
1445 aurelien 208
		tailleFiltre = 80;
980 jpm 209
	}
1438 aurelien 210
 
211
	// Aménagement de la taille de police selon l'écran
980 jpm 212
	$("#carte-titre").css('font-size', taille+'em');
1442 aurelien 213
 
1448 aurelien 214
	$("#zone-stats h1").css('font-size', Math.round((taille*0.75*100))/100+'em');
1447 aurelien 215
	$("#zone-stats").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
216
	$('#zone-stats').height(tailleMaxIcones*1.5);
1438 aurelien 217
 
1447 aurelien 218
	$("#zone-titre h1").css('font-size', (taille)+'em');
219
	$("#zone-titre").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
220
	$('#zone-titre').height(tailleMaxIcones*2);
221
 
1442 aurelien 222
	$('.icone').height(tailleMaxIcones);
223
	$('#lien_plein_ecran').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px");
224
 
1447 aurelien 225
	$('#lien-voir-cc').css("font-size", taille+"em");
226
	$('#lien-voir-cc').css("padding", padding_icones+"px");
1442 aurelien 227
 
1447 aurelien 228
	$("#panneau-lateral").css('font-size', (taille*0.9)+'em');
229
	$("#pl-contenu").css('font-size', (taille/2)+'em');
230
 
1445 aurelien 231
	$("#panneau-lateral").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
1447 aurelien 232
	$('#pl-ouverture').height(((padding_icones*2)+$('#panneau-lateral').height())+"px");
1445 aurelien 233
	$("#panneau-lateral").width(tailleFiltre);
1448 aurelien 234
 
235
	dimensionnerLogo(tailleMaxLogo);
236
	dimensionnerImage(largeurViewPort);
237
	redimensionnerControleTypeCarte(largeurViewPort);
238
}
239
 
240
function dimensionnerLogo(tailleMaxLogo) {
241
	// Dimensionnement du logo
1447 aurelien 242
	hauteurLogo = $('.image-logo').height();
243
	// Redimensionnement du logo s'il est trop grand
244
	// on perd en qualité mais ça vaut mieux que de casser l'affichage
245
	if(hauteurLogo > tailleMaxLogo) {
246
		hauteurLogo = tailleMaxLogo;
247
		$('.image-logo').css("top", "5px");
248
		$('.image-logo').height(tailleMaxLogo);
1438 aurelien 249
	}
1447 aurelien 250
 
251
	if(hauteurLogo == 0) {
252
		$('.image-logo').load(function(event) {
253
			definirTailleOverlay();
254
		});
255
		return;
256
	}
257
 
258
	largeurLogo = $('#logo img').width();
980 jpm 259
}
260
 
1448 aurelien 261
function dimensionnerImage(largeurViewPort) {
262
	// Dimensionnement de l'image
263
	if(largeurViewPort > 500) {
264
		largeurLogo = 155;
265
	} else {
266
		largeurLogo = 70;
267
	}
268
 
269
	$('#image-utilisateur img').width(largeurLogo);
270
}
271
 
272
function redimensionnerControleTypeCarte(largeurViewPort) {
273
	if (largeurViewPort <= 500) {
274
		carteOptions.mapTypeControlOptions.style = google.maps.MapTypeControlStyle.DROPDOWN_MENU;
275
	} else {
276
		carteOptions.mapTypeControlOptions.style = google.maps.MapTypeControlStyle.DEFAULT;
277
	}
278
 
1450 aurelien 279
	if(map != null) {
280
		map.setOptions(carteOptions);
281
	}
1448 aurelien 282
}
283
 
1438 aurelien 284
function centrerTitreEtStats() {
1442 aurelien 285
	centrerTitre();
286
	centrerStats();
287
}
288
 
289
function centrerTitre() {
1438 aurelien 290
	var largeurViewPort = $(window).width();
291
	var largeurTitre = $('#zone-titre').width();
292
	var marge = (largeurViewPort - largeurTitre)/2;
293
	$('#zone-titre').css("margin-left",marge);
1445 aurelien 294
	var tailleRestante = largeurViewPort - (marge + largeurTitre);
295
	if(tailleRestante <= 170) {
296
		$('#zone-titre').css("top", "25px");
297
	} else {
298
		$('#zone-titre').css("top", "5px");
299
	}
1442 aurelien 300
}
301
 
302
function centrerStats() {
303
	var largeurViewPort = $(window).width();
1438 aurelien 304
	var largeurStats = $('#zone-stats').width();
1448 aurelien 305
	var marge = ((largeurViewPort - largeurStats)/2);
306
	$('#zone-stats').css("margin-left",marge);
1438 aurelien 307
}
308
 
915 jpm 309
/*+--------------------------------------------------------------------------------------------------------+*/
310
// CARTE
311
 
1448 aurelien 312
function dimensionnerCarte() {
1450 aurelien 313
	var largeurViewPort = $(window).width();
314
	var hauteurViewPort = $(window).height();
315
	$('#carte').height(hauteurViewPort);
316
	$('#carte').width(largeurViewPort);
836 jpm 317
}
318
 
319
function initialiserCarte() {
320
	map = new google.maps.Map(document.getElementById('carte'), carteOptions);
321
	// Ajout de la couche OSM à la carte
322
	map.mapTypes.set('OSM', osmMapType);
323
}
324
 
980 jpm 325
function initialiserGestionnaireMarqueurs() {
326
	mgr = new MarkerManager(map);
327
}
836 jpm 328
 
329
function chargerLimitesCommunales() {
330
	if (urlsLimitesCommunales != null) {
331
		for (urlId in urlsLimitesCommunales) {
332
			var url = urlsLimitesCommunales[urlId];
1107 aurelien 333
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});
836 jpm 334
			ctaLayer.setMap(map);
335
		}
336
	}
337
}
1039 aurelien 338
 
980 jpm 339
var listener = null;
340
var timer = null;
1032 aurelien 341
function attribuerListenerCarte() {
980 jpm 342
	listener = google.maps.event.addListener(map, 'bounds_changed', function(){
1032 aurelien 343
		programmerRafraichissementCarte();
980 jpm 344
	});
1032 aurelien 345
	listener = google.maps.event.addListener(map, 'zoom_changed', function(){
346
		programmerRafraichissementCarte();
347
	});
980 jpm 348
}
1032 aurelien 349
function programmerRafraichissementCarte() {
350
	if(timer != null) {
351
        window.clearTimeout(timer);
1035 aurelien 352
    }
353
	if(requeteChargementPoints != null) {
354
		requeteChargementPoints.abort();
355
	}
1032 aurelien 356
	timer = window.setTimeout(function() {
1342 aurelien 357
		if(map.getBounds() != undefined) {
358
			var zoom = map.getZoom();
1434 aurelien 359
			var lngNE = map.getBounds().getNorthEast().lng();
360
			var lngSW = map.getBounds().getSouthWest().lng()
361
			if(map.getBounds().getNorthEast().lng() < map.getBounds().getSouthWest().lng()) {
362
				lngNE = 176;
363
				lngSW = -156;
364
			}
365
			var NELatLng = (map.getBounds().getNorthEast().lat())+'|'+(lngNE);
366
			var SWLatLng = (map.getBounds().getSouthWest().lat())+'|'+(lngSW);
1342 aurelien 367
			chargerMarqueurs(zoom, NELatLng, SWLatLng);
368
		} else {
369
			programmerRafraichissementCarte();
370
		}
1032 aurelien 371
    }, 400);
372
}
836 jpm 373
 
980 jpm 374
var marqueurs = new Array();
375
function chargerMarqueurs(zoom, NELatLng, SWLatLng) {
1445 aurelien 376
	cacherMessageAucuneObs()
980 jpm 377
	var url = stationsUrl+
378
		'&zoom='+zoom+
379
		'&ne='+NELatLng+
380
		'&sw='+SWLatLng;
381
 
1032 aurelien 382
	if(infoBulleOuverte) {
383
		return;
384
	}
385
 
1035 aurelien 386
	if(requeteChargementPoints != null) {
387
		requeteChargementPoints.abort();
1037 aurelien 388
		cacherMessageChargementPoints();
1035 aurelien 389
	}
390
 
391
	afficherMessageChargementPoints();
392
	requeteChargementPoints = $.getJSON(url, function(data) {
393
		rafraichirMarqueurs(data);
394
		cacherMessageChargementPoints();
980 jpm 395
	});
396
}
397
 
1442 aurelien 398
function centrerDansLaPage(selecteur) {
399
	var largeurViewport = $(window).width();
400
	var hauteurViewport = $(window).height();
401
	selecteur.css('display','block');
402
	var left = (largeurViewport/2) - (selecteur.width())/2;
403
	var top = (hauteurViewport/2) - (selecteur.height())/2
404
	selecteur.css('left',left);
405
	selecteur.css('top',top);
406
}
407
 
1035 aurelien 408
function afficherMessageChargementPoints() {
1442 aurelien 409
	centrerDansLaPage($('#zone-chargement-point'));
1035 aurelien 410
	$('#zone-chargement-point').css('display','block');
411
}
412
 
413
function cacherMessageChargementPoints() {
414
	$('#zone-chargement-point').css('display','none');
415
}
416
 
1442 aurelien 417
function afficherMessageAucuneObs() {
418
	centrerDansLaPage($('#message-aucune-obs'));
1445 aurelien 419
	$('#message-aucune-obs').show();
1442 aurelien 420
}
421
 
1445 aurelien 422
function cacherMessageAucuneObs() {
423
	centrerDansLaPage($('#message-aucune-obs'));
424
	$('#message-aucune-obs').hide();
425
}
426
 
1107 aurelien 427
premierChargement = true;
1142 aurelien 428
function doitCentrerCarte() {
429
	return premierChargement && urlVars != null && urlVars.length > 0;
430
}
1107 aurelien 431
 
1035 aurelien 432
function rafraichirMarqueurs(data) {
1448 aurelien 433
 
1450 aurelien 434
	$.each(marqueurs, function(index, marqueur) {
435
		marqueur.setMap(null);
436
	});
437
 
1448 aurelien 438
	marqueurs = new Array();
439
	stations = null;
440
 
1442 aurelien 441
	if(data.points.length > 0) {
442
		marqueurs = new Array();
443
 
444
		stations = data;
445
 
446
		$.each(stations.points, function (index, station) {
447
			if(station != null) {
448
				var nouveauMarqueur = creerMarqueur(station);
449
				marqueurs.push(nouveauMarqueur);
450
			}
451
		});
452
 
453
		if(doitCentrerCarte()) {
454
			premierChargement = false;
455
			var bounds = new google.maps.LatLngBounds();
456
			var latMax = new google.maps.LatLng(data.stats.coordmax.latMax, data.stats.coordmax.lngMax);
457
			var latMin = new google.maps.LatLng(data.stats.coordmax.latMin, data.stats.coordmax.lngMin);
458
			bounds.extend(latMax);
459
			bounds.extend(latMin);
460
			rendrePointsVisibles(bounds);
1035 aurelien 461
		}
1107 aurelien 462
	}
1448 aurelien 463
 
464
	afficherTitreCarteEtStats();
1035 aurelien 465
}
466
 
980 jpm 467
function creerMarqueur(station) {
1037 aurelien 468
	var titre = '';
469
	if(station.nbreMarqueur) {
470
		titre = station.nbreMarqueur+' points renseignés';
471
	} else {
472
		if(station.nom) {
473
			titre = station.nom;
474
		}
475
	}
1434 aurelien 476
 
980 jpm 477
	var icone = attribuerImageMarqueur(station['id'], station['nbreMarqueur']);
478
	var latLng = new google.maps.LatLng(station['lat'], station['lng']);
479
	var marqueur = new google.maps.Marker({
480
		position: latLng,
481
		icon: icone,
482
		title: ''+titre,
483
		map: map,
484
		stationInfos: station
485
	});
486
	attribuerListenerClick(marqueur, station['id']);
487
	marqueur.setMap(map);
488
    return marqueur;
489
}
490
 
1039 aurelien 491
function rendrePointsVisibles(bounds) {
492
	map.setCenter(bounds.getCenter());
493
	map.fitBounds(bounds);
494
}
495
 
980 jpm 496
function attribuerImageMarqueur(id, nbreMarqueur) {
497
	var marqueurImage = null;
498
	if (etreMarqueurCommune(id)) {
499
		marqueurImage = new google.maps.MarkerImage(communeImageUrl, new google.maps.Size(24, 32));
500
	} else if (etreMarqueurStation(id)) {
501
		marqueurImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(16, 16));
502
	} else if (etreMarqueurGroupe(id)) {
503
		var type = 0;
504
		var largeur = 0;
505
		var hauteur = 0;
506
		if (nbreMarqueur != null) {
507
			if (nbreMarqueur >= 2 && nbreMarqueur < 100 ) {
508
				type = '1';
509
				largeur = 53;
510
				hauteur = 52;
511
			} else if (nbreMarqueur >= 100 && nbreMarqueur < 1000 ) {
512
				type = '2';
513
				largeur = 56;
514
				hauteur = 55;
515
			} else if (nbreMarqueur >= 1000 && nbreMarqueur < 10000 ) {
516
				type = '3';
517
				largeur = 66;
518
				hauteur = 65;
519
			} else if (nbreMarqueur >= 10000 && nbreMarqueur < 20000 ) {
520
				type = '4';
521
				largeur = 78;
522
				hauteur = 77;
523
			} else if (nbreMarqueur >= 20000) {
524
				type = '5';
525
				largeur = 66;
526
				hauteur = 65;
527
			}
528
		}
529
		groupeImageUrl = groupeImageUrlTpl.replace(/\{type\}/, type);
530
		groupeImageUrl = groupeImageUrl.replace(/\{nbre\}/, nbreMarqueur);
531
		marqueurImage = new google.maps.MarkerImage(groupeImageUrl, new google.maps.Size(largeur, hauteur));
532
	}
533
	return marqueurImage
534
}
535
 
536
function attribuerListenerClick(marqueur, id) {
537
	if (etreMarqueurCommune(id) || etreMarqueurStation(id)) {
538
		google.maps.event.addListener(marqueur, 'click', surClickMarqueur);
539
	} else if (etreMarqueurGroupe(id)) {
540
		google.maps.event.addListener(marqueur, 'click', surClickGroupe);
541
	}
542
}
543
 
1445 aurelien 544
var pointCentreAvantAffichageInfoBulle = null;
1032 aurelien 545
function surClickMarqueur(event) {
1445 aurelien 546
	pointCentreAvantAffichageInfoBulle = map.getCenter();
547
 
1039 aurelien 548
	if(infoBulleOuverte) {
549
	    infoBulle.close();
550
	}
551
 
1035 aurelien 552
	pointClique = this;
980 jpm 553
	infoBulle.open(map, this);
554
	actualiserPagineur();
1035 aurelien 555
 
556
	var limites = map.getBounds();
557
	var centre = limites.getCenter();
558
	var nordEst = limites.getNorthEast();
559
	var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
560
	map.panTo(centreSudLatLng);
561
 
980 jpm 562
	afficherInfoBulle();
563
}
564
 
565
function surClickGroupe() {
566
	map.setCenter(this.getPosition());
567
	var nouveauZoom = map.getZoom() + 2;
568
	map.setZoom(nouveauZoom);
569
	mgr.clearMarkers();
570
}
571
 
572
function etreMarqueurGroupe(id) {
573
	var groupe = false;
574
	var motif = /^GROUPE/;
575
	if (motif.test(id)) {
576
		groupe = true;
577
	}
578
	return groupe;
579
}
580
 
581
function etreMarqueurCommune(id) {
582
	var commune = false;
583
	var motif = /^COMMUNE:/;
584
	if (motif.test(id)) {
585
		commune = true;
586
	}
587
	return commune;
588
}
589
 
590
function etreMarqueurStation(id) {
591
	var station = false;
592
	var motif = /^STATION:/;
593
	if (motif.test(id)) {
594
		station = true;
595
	}
596
	return station;
597
}
598
 
599
function deplacerCarteSurPointClique() {
915 jpm 600
	map.panTo(pointClique.position);
601
}
602
 
603
/*+--------------------------------------------------------------------------------------------------------+*/
604
// INFO BULLE
1032 aurelien 605
var infoBulleOuverte = false;
915 jpm 606
function initialiserInfoBulle() {
607
	google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);
980 jpm 608
	google.maps.event.addListener(infoBulle, 'closeclick', surFermetureInfoBulle);
609
	google.maps.event.addListener(infoBulle, 'content_changed', definirLargeurInfoBulle);
1513 aurelien 610
	attribuerListenerLienSaisie();
915 jpm 611
}
612
 
1513 aurelien 613
function attribuerListenerLienSaisie() {
614
	$('.lien-widget-saisie').live('click', function(event) {
615
		event.preventDefault();
616
		window.open($(this).attr('href'), '_blank');
617
		return false;
618
	});
619
}
620
 
980 jpm 621
function surFermetureInfoBulle() {
1032 aurelien 622
	infoBulleOuverte = false;
1445 aurelien 623
	map.panTo(pointCentreAvantAffichageInfoBulle);
1032 aurelien 624
	programmerRafraichissementCarte();
980 jpm 625
}
626
 
627
function centrerInfoBulle() {
628
	var limites = map.getBounds();
629
	var centre = limites.getCenter();
630
	var nordEst = limites.getNorthEast();
631
	var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
632
	map.panTo(centreSudLatLng);
633
}
634
 
915 jpm 635
function afficherInfoBulle() {
636
	var obsHtml = $("#tpl-obs").html();
980 jpm 637
	var largeur = definirLargeurInfoBulle();
1445 aurelien 638
	var taillePolice = definirTaillePoliceInfoBulle();
980 jpm 639
	obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
1513 aurelien 640
	obsHtml = mettreAJourUrlSaisie(obsHtml);
915 jpm 641
	infoBulle.setContent(obsHtml);
1445 aurelien 642
	$('#observations').css('font-size',taillePolice+'em');
1035 aurelien 643
	chargerObs(0, 0);
1032 aurelien 644
	infoBulleOuverte = true;
915 jpm 645
}
646
 
1513 aurelien 647
//TODO utiliser cette fonction lors des remplacements de
648
//paramètres url sur changement de filtre
649
function parserFiltre(filtre) {
650
	var nvpair = {};
651
	var qs = filtre.replace('?', '');
652
	var pairs = qs.split('&');
653
	$.each(pairs, function(i, v){
654
		var pair = v.split('=');
655
		nvpair[pair[0]] = pair[1];
656
	});
657
	return nvpair;
658
}
659
 
660
function mettreAJourUrlSaisie(obsHtml) {
661
	var filtreTableau = parserFiltre(filtreCommun);
662
	var filtresGardes = new Array();
663
	filtre = '';
664
	for(i in filtreTableau) {
665
		if(filtreTableau[i] != undefined && filtreTableau[i] != '' && decodeURIComponent(filtreTableau[i]) != '*') {
666
			console.log(i+"  "+filtreTableau[i]);
667
			filtresGardes.push(i+'='+filtreTableau[i]);
668
		}
669
	}
670
	if(filtresGardes.length > 0) {
671
		filtre = '?'+filtresGardes.join('&');
672
		obsHtml = obsHtml.replace(/\{parametres-lien-saisie\}/, filtre);
673
	}
674
	return obsHtml;
675
}
676
 
980 jpm 677
function definirLargeurInfoBulle() {
678
	var largeurViewPort = $(window).width();
1445 aurelien 679
	var largeurInfoBulle = null;
680
	if (largeurViewPort < 400) {
681
		largeurInfoBulle = 300;
682
	} else if (largeurViewPort < 800) {
980 jpm 683
		largeurInfoBulle = 400;
684
	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
685
		largeurInfoBulle = 500;
686
	} else if (largeurViewPort >= 1200) {
687
		largeurInfoBulle = 600;
688
	}
689
	return largeurInfoBulle;
690
}
691
 
1445 aurelien 692
function definirTaillePoliceInfoBulle() {
693
	var largeurViewPort = $(window).width();
694
	var taillePolice = null;
695
	if (largeurViewPort < 400) {
696
		taillePolice = 0.8;
697
	} else if (largeurViewPort < 800) {
698
		taillePolice = 1;
699
	}
700
	return taillePolice;
701
}
702
 
915 jpm 703
function afficherMessageChargement(element) {
704
	if ($('#chargement').get() == '') {
705
		$('#tpl-chargement').tmpl().appendTo(element);
706
	}
707
}
708
 
1035 aurelien 709
function afficherMessageChargementTitreInfoBulle() {
710
	$("#obs-station-titre").text("Chargement des observations");
711
}
712
 
915 jpm 713
function supprimerMessageChargement() {
714
	$('#chargement').remove();
715
}
716
 
717
function chargerObs(depart, total) {
939 jpm 718
	if (depart == 0 || depart < total) {
915 jpm 719
		var limite = 300;
720
		if (depart == 0) {
1036 aurelien 721
			viderTableauObs();
915 jpm 722
		}
1035 aurelien 723
 
939 jpm 724
		var urlObs = observationsUrl+'&start={start}&limit='+limite;
1166 aurelien 725
		urlObs = urlObs.replace(/\{stationId\}/g, encodeURIComponent(pointClique.stationInfos.id));
1044 aurelien 726
		if (pointClique.stationInfos.type_emplacement == 'communes') {
1342 aurelien 727
			urlObs = urlObs.replace(/commune=%2A/g, formaterParametreCommunePourRequete(pointClique.stationInfos.nom));
1042 aurelien 728
		}
939 jpm 729
		urlObs = urlObs.replace(/\{nt\}/g, nt);
915 jpm 730
		urlObs = urlObs.replace(/\{start\}/g, depart);
731
 
732
		$.getJSON(urlObs, function(observations){
1036 aurelien 733
			surRetourChargementObs(observations, depart, total);
1035 aurelien 734
			chargerObs(depart+limite, observations.total);
915 jpm 735
		});
1036 aurelien 736
	}
737
}
738
 
1342 aurelien 739
function formaterParametreCommunePourRequete(nomCommune) {
740
	var chaineRequete = "";
741
	if(nomCommune.indexOf("(", 0) !== false) {
742
		var infosCommune = nomCommune.split("(");
743
		var commune = infosCommune[0];
744
		chaineRequete = 'commune='+encodeURIComponent($.trim(commune));
745
	} else {
746
		chaineRequete = 'commune='+encodeURIComponent($.trim(nomCommune));
747
	}
748
	return chaineRequete;
749
}
750
 
1036 aurelien 751
function viderTableauObs() {
752
	obsStation = new Array();
753
	surClicPagePagination(0, null);
754
}
755
 
756
function surRetourChargementObs(observations, depart, total) {
757
	obsStation = obsStation.concat(observations.observations);
758
	if (depart == 0) {
759
		actualiserInfosStation(observations);
760
		creerTitreInfoBulle();
1041 aurelien 761
		surClicPagePagination(0, null);
915 jpm 762
	}
1036 aurelien 763
 
1039 aurelien 764
	afficherPagination();
1036 aurelien 765
	actualiserPagineur();
1041 aurelien 766
	selectionnerOnglet("#obs-vue-"+pagineur.format);
915 jpm 767
}
768
 
1035 aurelien 769
function actualiserInfosStation(infos) {
770
	pointClique.stationInfos.commune = infos.commune;
771
	pointClique.stationInfos.obsNbre = infos.total;
772
}
773
 
774
function creerTitreInfoBulle() {
775
	$("#obs-total").text(station.obsNbre);
776
	$("#obs-commune").text(station.commune);
777
	var titre = '';
778
	titre += pointClique.stationInfos.obsNbre+' observation';
779
	titre += (pointClique.stationInfos.obsNbre > 1) ? 's': '' ;
780
	titre += ' pour ';
781
	if (etreMarqueurCommune(pointClique.stationInfos.id)) {
782
		nomStation = 'la commune : ';
783
	} else {
784
		nomStation = 'la station : ';
785
	}
786
	titre += pointClique.stationInfos.nom;
787
	$("#obs-station-titre").text(titre);
788
}
789
 
939 jpm 790
function actualiserPagineur() {
980 jpm 791
	pagineur.stationId = pointClique.stationInfos.id;
1035 aurelien 792
	pagineur.total = pointClique.stationInfos.obsNbre;
1435 aurelien 793
	// Si on est en mode photo on reste en mode liste quelque soit le
794
	// nombre de résultats
1438 aurelien 795
	if (pagineur.total > 4 && photos != 1) {
939 jpm 796
		pagineur.format = 'tableau';
797
	} else {
798
		pagineur.format = 'liste';
799
	}
800
}
801
 
915 jpm 802
function afficherPagination(observations) {
803
	$(".navigation").pagination(pagineur.total, {
804
		items_per_page:pagineur.limite,
805
		callback:surClicPagePagination,
806
		next_text:'Suivant',
807
		prev_text:'Précédent',
808
		prev_show_always:false,
809
		num_edge_entries:1,
953 jpm 810
		num_display_entries:4,
915 jpm 811
		load_first_page:true
812
	});
813
}
814
 
815
function surClicPagePagination(pageIndex, paginationConteneur) {
816
	var index = pageIndex * pagineur.limite;
817
	var indexMax = index + pagineur.limite;
818
	pagineur.depart = index;
819
	obsPage = new Array();
820
    for(index; index < indexMax; index++) {
821
    	obsPage.push(obsStation[index]);
822
    }
823
 
824
    supprimerMessageChargement();
825
    mettreAJourObservations();
826
	return false;
827
}
828
 
829
function mettreAJourObservations() {
830
	$("#obs-"+pagineur.format+"-lignes").empty();
831
   	$("#obs-vue-"+pagineur.format).css('display', 'block');
832
   	$(".obs-conteneur").css('counter-reset', 'item '+pagineur.depart);
833
	$("#tpl-obs-"+pagineur.format).tmpl(obsPage).appendTo("#obs-"+pagineur.format+"-lignes");
834
 
835
	// Actualisation de Fancybox
1414 aurelien 836
	ajouterFormulaireContact("a.contact");
915 jpm 837
	if (pagineur.format == 'liste') {
836 jpm 838
		ajouterGaleriePhoto("a.cel-img");
839
	}
840
}
841
 
915 jpm 842
function initialiserContenuInfoBulle() {
980 jpm 843
	afficherMessageChargement('#observations');
844
	cacherContenuOnglets();
915 jpm 845
	afficherOnglets();
846
	ajouterTableauTriable("#obs-tableau");
847
	afficherTextStationId();
848
	corrigerLargeurInfoWindow();
849
}
850
 
980 jpm 851
function cacherContenuOnglets() {
852
	$("#obs-vue-tableau").css("display", "none");
853
	$("#obs-vue-liste").css("display", "none");
854
}
855
 
915 jpm 856
function afficherOnglets() {
857
	var $tabs = $('#obs').tabs();
858
	$('#obs').bind('tabsselect', function(event, ui) {
859
		if (ui.panel.id == 'obs-vue-tableau') {
860
			surClicAffichageTableau();
861
		} else if (ui.panel.id == 'obs-vue-liste') {
862
			surClicAffichageListe();
863
		}
864
	});
980 jpm 865
	if (pointClique.stationInfos.nbre > 4) {
866
		$tabs.tabs('select', "#obs-vue-tableau");
867
	} else {
868
		$tabs.tabs('select', "#obs-vue-liste");
869
	}
870
 
915 jpm 871
}
872
 
939 jpm 873
function selectionnerOnglet(onglet) {
980 jpm 874
	$(onglet).css('display', 'block');
939 jpm 875
	$('#obs').tabs('select', onglet);
876
}
877
 
915 jpm 878
function afficherTextStationId() {
980 jpm 879
	$('#obs-station-id').text(pointClique.stationInfos.id);
915 jpm 880
}
881
 
882
function corrigerLargeurInfoWindow() {
953 jpm 883
	$("#info-bulle").width($("#info-bulle").width() - 17);
915 jpm 884
}
885
 
886
function surClicAffichageTableau(event) {
887
	pagineur.format = 'tableau';
888
	mettreAJourObservations();
889
	mettreAJourTableauTriable("#obs-tableau");
890
}
891
 
892
function surClicAffichageListe(event) {
893
	pagineur.format = 'liste';
894
	mettreAJourObservations();
895
	ajouterGaleriePhoto("a.cel-img");
896
}
897
 
836 jpm 898
function ajouterTableauTriable(element) {
899
	// add parser through the tablesorter addParser method
900
	$.tablesorter.addParser({
901
		// Définition d'un id unique pour ce parsseur
902
		id: 'date_cel',
903
		is: function(s) {
915 jpm 904
			// doit retourner false si le parsseur n'est pas autodétecté
905
			return /^\s*\d{2}[\/-]\d{2}[\/-]\d{4}\s*$/.test(s);
836 jpm 906
		},
915 jpm 907
		format: function(date) {
836 jpm 908
			// Transformation date jj/mm/aaaa en aaaa/mm/jj
915 jpm 909
			date = date.replace(/^\s*(\d{2})[\/-](\d{2})[\/-](\d{4})\s*$/, "$3/$2/$1");
836 jpm 910
			// Remplace la date par un nombre de millisecondes pour trier numériquement
915 jpm 911
			return $.tablesorter.formatFloat(new Date(date).getTime());
836 jpm 912
		},
913
		// set type, either numeric or text
914
		type: 'numeric'
915
	});
916
	$(element).tablesorter({
917
        headers: {
915 jpm 918
			1: {
919
            	sorter:'date_cel'
920
        	}
921
    	}
922
	});
836 jpm 923
}
924
 
915 jpm 925
function mettreAJourTableauTriable(element) {
926
	$(element).trigger('update');
927
}
928
 
836 jpm 929
function ajouterGaleriePhoto(element) {
930
	$(element).fancybox({
915 jpm 931
		transitionIn:'elastic',
932
		transitionOut:'elastic',
933
		speedIn	:600,
934
		speedOut:200,
935
		overlayShow:true,
936
		titleShow:true,
937
		titlePosition:'inside',
938
		titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
939
			var motif = /urn:lsid:tela-botanica[.]org:cel:img([0-9]+)$/;
940
			motif.exec(titre);
941
			var id = RegExp.$1;
942
			var info = $('#cel-info-'+id).clone().html();
943
			var tpl =
944
				'<div class="cel-legende">'+
945
				'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
946
				(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
947
				'<\/div>';
948
			return tpl;
836 jpm 949
		}
1032 aurelien 950
	}).live('click', function(e) {
951
		if (e.stopPropagation) {
952
			e.stopPropagation();
953
		}
954
		return false;
955
	});
836 jpm 956
}
957
 
1414 aurelien 958
function ajouterFormulaireContact(element) {
941 jpm 959
	$(element).fancybox({
960
		transitionIn:'elastic',
961
		transitionOut:'elastic',
962
		speedIn	:600,
963
		speedOut:200,
964
		scrolling: 'no',
965
		titleShow: false,
966
		onStart: function(selectedArray, selectedIndex, selectedOpts) {
967
			var element = selectedArray[selectedIndex];
968
			var motif = / contributeur-([0-9]+)$/;
969
			motif.exec($(element).attr('class'));
1494 aurelien 970
			// si la classe ne contient pas d'id contributeur
971
			// alors il faut stocker le numéro d'observation
941 jpm 972
			var id = RegExp.$1;
1494 aurelien 973
			if(id == "") {
974
				$("#fc_type_envoi").attr('value', 'non-inscrit');
975
				var motif = / obs-([0-9]+)$/;
976
				motif.exec($(element).attr('class'));
977
				var id = RegExp.$1;
978
			} else {
979
				$("#fc_type_envoi").attr('value', 'inscrit');
980
			}
981
 
941 jpm 982
			$("#fc_destinataire_id").attr('value', id);
983
 
1494 aurelien 984
			var motif = / obs-([0-9]+)/;
941 jpm 985
			motif.exec($(element).attr('class'));
986
			var id = RegExp.$1;
950 jpm 987
			//console.log('Obs id : '+id);
941 jpm 988
			chargerInfoObsPourMessage(id);
989
		},
990
		onCleanup: function() {
950 jpm 991
			//console.log('Avant fermeture fancybox');
941 jpm 992
			$("#fc_destinataire_id").attr('value', '');
993
			$("#fc_sujet").attr('value', '');
994
			$("#fc_message").text('');
995
		},
996
		onClosed: function(e) {
950 jpm 997
			//console.log('Fermeture fancybox');
941 jpm 998
			if (e.stopPropagation) {
999
				e.stopPropagation();
1000
			}
1001
			return false;
1002
		}
1003
	});
1004
}
1005
 
1006
function chargerInfoObsPourMessage(idObs) {
980 jpm 1007
	var nomSci = jQuery.trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());
1008
	var date = jQuery.trim($(".cel-obs-"+idObs+" .date:eq(0)").text());
1009
	var lieu = jQuery.trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());
953 jpm 1010
	var sujet = "Observation #"+idObs+" de "+nomSci;
1011
	var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';
941 jpm 1012
	$("#fc_sujet").attr('value', sujet);
1013
	$("#fc_message").text(message);
1014
}
1015
 
1016
function initialiserFormulaireContact() {
950 jpm 1017
	//console.log('Initialisation du form contact');
941 jpm 1018
	$("#form-contact").validate({
1019
		rules: {
1020
			fc_sujet : "required",
1021
			fc_message : "required",
953 jpm 1022
			fc_utilisateur_courriel : {
1023
				required : true,
1024
				email : true}
941 jpm 1025
		}
1026
	});
1027
	$("#form-contact").bind("submit", envoyerCourriel);
950 jpm 1028
	$("#fc_annuler").bind("click", function() {$.fancybox.close();});
941 jpm 1029
 
1030
}
1031
 
1032
function envoyerCourriel() {
950 jpm 1033
	//console.log('Formulaire soumis');
941 jpm 1034
	if ($("#form-contact").valid()) {
950 jpm 1035
		//console.log('Formulaire valide');
941 jpm 1036
		//$.fancybox.showActivity();
1037
		var destinataireId = $("#fc_destinataire_id").attr('value');
1494 aurelien 1038
		var typeEnvoi = $("#fc_type_envoi").attr('value');
1039
		if(typeEnvoi == "non-inscrit") {
1040
			// l'envoi au non inscrits passe par le service intermédiaire du cel
1041
			// qui va récupérer le courriel associé à l'obs indiquée
1042
			var urlMessage = "http://www.tela-botanica.org/service:cel:celMessage/obs/"+destinataireId;
1043
		} else {
1044
			var urlMessage = "http://www.tela-botanica.org/service:annuaire:Utilisateur/"+destinataireId+"/message";
1045
		}
941 jpm 1046
		var erreurMsg = "";
1047
		var donnees = new Array();
1048
		$.each($(this).serializeArray(), function (index, champ) {
1049
			var cle = champ.name;
1050
			cle = cle.replace(/^fc_/, '');
953 jpm 1051
 
980 jpm 1052
			if (cle == 'sujet') {
953 jpm 1053
				champ.value += " - Carnet en ligne - Tela Botanica";
1054
			}
1055
			if (cle == 'message') {
1056
				champ.value += "\n--\n"+
980 jpm 1057
					"Ce message vous est envoyé par l'intermédiaire du widget carto "+
953 jpm 1058
					"du Carnet en Ligne du réseau Tela Botanica.\n"+
1059
					"http://www.tela-botanica.org/widget:cel:carto";
1060
			}
1061
 
941 jpm 1062
			donnees[index] = {'name':cle,'value':champ.value};
1063
		});
1064
		$.ajax({
1065
			type : "POST",
1066
			cache : false,
1067
			url : urlMessage,
1068
			data : donnees,
1069
			beforeSend : function() {
1070
				$(".msg").remove();
1071
			},
1072
			success : function(data) {
1073
				$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
1074
			},
1075
			error : function(jqXHR, textStatus, errorThrown) {
1076
				erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
1077
				reponse = jQuery.parseJSON(jqXHR.responseText);
1078
				if (reponse != null) {
1079
					$.each(reponse, function (cle, valeur) {
1080
						erreurMsg += valeur + "\n";
1081
					});
1082
				}
1083
			},
1084
			complete : function(jqXHR, textStatus) {
1085
				var debugMsg = '';
1086
				if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
1087
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
1088
					if (debugInfos != null) {
1089
						$.each(debugInfos, function (cle, valeur) {
1090
							debugMsg += valeur + "\n";
1091
						});
1092
					}
1093
				}
1094
				if (erreurMsg != '') {
1095
					$("#fc-zone-dialogue").append('<p class="msg">'+
1096
							'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
1097
							'Vous pouvez signaler le disfonctionnement à <a href="'+
1098
							'mailto:cel@tela-botanica.org'+'?'+
980 jpm 1099
							'subject=Disfonctionnement du widget carto'+
941 jpm 1100
							"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
1101
							'">cel@tela-botanica.org</a>.'+
1102
							'</p>');
1103
				}
1104
				if (DEBUG) {
1105
					console.log('Débogage : '+debugMsg);
1106
				}
950 jpm 1107
				//console.log('Débogage : '+debugMsg);
1108
				//console.log('Erreur : '+erreurMsg);
941 jpm 1109
			}
1110
		});
1111
	}
1112
	return false;
1113
}
915 jpm 1114
/*+--------------------------------------------------------------------------------------------------------+*/
1115
// PANNEAU LATÉRAL
1513 aurelien 1116
var nbTaxons = 0;
1438 aurelien 1117
function initialiserAffichagePanneauLateral() {
915 jpm 1118
	if (nt == '*') {
1119
		$('#pl-ouverture').bind('click', afficherPanneauLateral);
1120
		$('#pl-fermeture').bind('click', cacherPanneauLateral);
1430 aurelien 1121
	} else {
1122
		$('#panneau-lateral').width(0);
1123
		$('#carte').width('100%');
836 jpm 1124
	}
1513 aurelien 1125
	attribuerListenersFiltreUtilisateur();
939 jpm 1126
	chargerTaxons(0, 0);
836 jpm 1127
}
1128
 
1513 aurelien 1129
function attribuerListenersFiltreUtilisateur() {
1130
 
1131
	$('#valider-filtre-utilisateur').click(function() {
1132
		var utilisateur = $('#filtre-utilisateur').val();
1133
		filtrerParUtilisateur(utilisateur);
1134
		$('#raz-filtre-utilisateur').show();
1135
	});
1136
 
1137
	$('#filtre-utilisateur').keypress(function(e) {
1138
	    if(e.which == 13) {
1139
	    	var utilisateur = $('#filtre-utilisateur').val();
1140
			filtrerParUtilisateur(utilisateur);
1141
			$('#raz-filtre-utilisateur').show();
1142
	    }
1143
	});
1144
 
1145
	$('#raz-filtre-utilisateur').click(function() {
1146
		$('#filtre-utilisateur').val('');
1147
		filtrerParUtilisateur('*');
1148
		$('#raz-filtre-utilisateur').hide();
1149
	});
1150
}
1151
 
1152
function filtrerParUtilisateur(utilisateurFiltre) {
1153
	if(utilisateurFiltre == '') {
1154
		utilisateurFiltre = '*';
1155
	}
1156
	var pattern = /utilisateur=[^&]*/i;
1157
	var utilisateurCourant = pattern.exec(stationsUrl);
1158
	stationsUrl = stationsUrl.replace(utilisateurCourant, "utilisateur="+utilisateurFiltre);
1159
	taxonsUrl = taxonsUrl.replace(utilisateurCourant, "utilisateur="+utilisateurFiltre);
1160
	observationsUrl = observationsUrl.replace(utilisateurCourant, "utilisateur="+utilisateurFiltre);
1161
	filtreCommun = filtreCommun.replace(utilisateurCourant, "utilisateur="+utilisateurFiltre);
1162
	$("#taxons").html('');
1163
	chargerTaxons(0,0);
1164
	programmerRafraichissementCarte();
1165
}
1166
 
939 jpm 1167
function chargerTaxons(depart, total) {
1168
	if (depart == 0 || depart < total) {
1513 aurelien 1169
		if(depart == 0) {
1170
			nbTaxons = 0;
1171
			taxonsCarte = new Array();
1172
		}
1173
 
1174
		var limite = 2000;
950 jpm 1175
		//console.log("Chargement des taxons de "+depart+" à "+(depart+limite));
939 jpm 1176
		var urlTax = taxonsUrl+'&start={start}&limit='+limite;
1177
		urlTax = urlTax.replace(/\{start\}/g, depart);
1513 aurelien 1178
		//console.log(urlTax);
939 jpm 1179
		$.getJSON(urlTax, function(infos) {
1513 aurelien 1180
			nbTaxons += infos.taxons.length;
1181
			$(".plantes-nbre").text(nbTaxons);
1182
			$("#tpl-taxons-liste").tmpl({'taxons':infos.taxons}).appendTo("#taxons");
939 jpm 1183
			taxonsCarte = taxonsCarte.concat(infos.taxons);
950 jpm 1184
			//console.log("Nbre taxons :"+taxonsCarte.length);
939 jpm 1185
			chargerTaxons(depart+limite, infos.total);
1186
		});
1187
	} else {
1188
		if (nt == '*') {
1189
			afficherTaxons();
1190
		}
1438 aurelien 1191
		afficherTitreCarteEtStats();
939 jpm 1192
	}
1193
}
1194
 
1195
function afficherTaxons() {
1196
	$('.taxon').live('click', filtrerParTaxon);
1445 aurelien 1197
	$('.raz-filtre-taxons').live('click', viderFiltreTaxon);
939 jpm 1198
}
1199
 
1445 aurelien 1200
var largeurPanneauLateralFerme = null;
915 jpm 1201
function afficherPanneauLateral() {
1447 aurelien 1202
	// fixer la hauteur
1445 aurelien 1203
	$('#panneau-lateral').height($(window).height() - $('#panneau-lateral').offset().top);
1204
	largeurPanneauLateralFerme = $('#panneau-lateral').width();
836 jpm 1205
	$('#panneau-lateral').width(300);
1206
	$('#pl-contenu').css('display', 'block');
1207
	$('#pl-ouverture').css('display', 'none');
1208
	$('#pl-fermeture').css('display', 'block');
1445 aurelien 1209
	// correction pour la taille de la liste des taxons
1210
	$('#pl-corps').height($(window).height() - $('#pl-corps').offset().top);
836 jpm 1211
 
1212
	google.maps.event.trigger(map, 'resize');
1213
};
1214
 
915 jpm 1215
function cacherPanneauLateral() {
1447 aurelien 1216
	$('#panneau-lateral').height(25+"px");
1445 aurelien 1217
	$('#panneau-lateral').width(largeurPanneauLateralFerme+"px");
836 jpm 1218
	$('#pl-contenu').css('display', 'none');
1219
	$('#pl-ouverture').css('display', 'block');
1220
	$('#pl-fermeture').css('display', 'none');
1221
 
1222
	google.maps.event.trigger(map, 'resize');
1223
};
1224
 
1445 aurelien 1225
function viderFiltreTaxon() {
1226
	$('.taxon-actif .taxon').click();
1227
}
1228
 
836 jpm 1229
function filtrerParTaxon() {
1230
	var ntAFiltrer = $('.nt', this).text();
1231
	infoBulle.close();
1037 aurelien 1232
	var zoom = map.getZoom();
1233
	var NELatLng = map.getBounds().getNorthEast().lat()+'|'+map.getBounds().getNorthEast().lng();
1234
	var SWLatLng = map.getBounds().getSouthWest().lat()+'|'+map.getBounds().getSouthWest().lng();
1235
 
1447 aurelien 1236
	$('.raz-filtre-taxons').removeClass('taxon-actif');
836 jpm 1237
	$('#taxon-'+nt).removeClass('taxon-actif');
1447 aurelien 1238
 
836 jpm 1239
	if (nt == ntAFiltrer) {
1240
		nt = '*';
1037 aurelien 1241
		stationsUrl = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+nt);
1242
		chargerMarqueurs(zoom, NELatLng, SWLatLng);
836 jpm 1243
	} else {
1035 aurelien 1244
		stationsUrl = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+ntAFiltrer);
1245
		url = stationsUrl;
1246
		url += '&zoom='+zoom+
1247
			'&ne='+NELatLng+
1248
			'&sw='+SWLatLng;
1249
		requeteChargementPoints = $.getJSON(url, function (stationsFiltrees) {
939 jpm 1250
			stations = stationsFiltrees;
836 jpm 1251
			nt = ntAFiltrer;
1252
			$('#taxon-'+nt).addClass('taxon-actif');
1035 aurelien 1253
			rafraichirMarqueurs(stations);
836 jpm 1254
		});
1255
	}
1256
};
1257
 
915 jpm 1258
/*+--------------------------------------------------------------------------------------------------------+*/
1259
// FONCTIONS UTILITAIRES
1260
 
980 jpm 1261
function ouvrirPopUp(element, nomPopUp, event) {
1262
	var options =
1263
		'width=650,'+
1264
		'height=600,'+
1265
		'scrollbars=yes,'+
1266
		'directories=no,'+
1267
		'location=no,'+
1268
		'menubar=no,'+
1269
		'status=no,'+
1270
		'toolbar=no';
1271
	var popUp = window.open(element.href, nomPopUp, options);
1272
	if (window.focus) {
1273
		popUp.focus();
1274
	}
1275
	return arreter(event);
1276
};
1277
 
1278
function ouvrirNouvelleFenetre(element, event) {
1279
	window.open(element.href);
1280
	return arreter(event);
1281
}
1282
 
915 jpm 1283
function arreter(event) {
1284
	if (event.stopPropagation) {
1285
		event.stopPropagation();
1286
	} else if (window.event) {
1287
		window.event.cancelBubble = true;
1288
	}
980 jpm 1289
	if (event.preventDefault) {
1290
		event.preventDefault();
1291
	}
1292
	event.returnValue = false;
915 jpm 1293
	return false;
1294
}
1295
 
836 jpm 1296
/**
1297
 * +-------------------------------------+
1298
 * Number.prototype.formaterNombre
1299
 * +-------------------------------------+
1300
 * Params (facultatifs):
1301
 * - Int decimales: nombre de decimales (exemple: 2)
1302
 * - String signe: le signe precedent les decimales (exemple: "," ou ".")
1303
 * - String separateurMilliers: comme son nom l'indique
1304
 * Returns:
1305
 * - String chaine formatee
1306
 * @author	::mastahbenus::
1307
 * @author	Jean-Pascal MILCENT <jpm@tela-botanica.org> : ajout détection auto entier/flotant
1308
 * @souce	http://www.javascriptfr.com/codes/FORMATER-NOMBRE-FACON-NUMBER-FORMAT-PHP_40060.aspx
1309
 */
1310
Number.prototype.formaterNombre = function (decimales, signe, separateurMilliers) {
1311
	var _sNombre = String(this), i, _sRetour = "", _sDecimales = "";
1312
 
1313
	function is_int(nbre) {
1314
		nbre = nbre.replace(',', '.');
1315
		return !(parseFloat(nbre)-parseInt(nbre) > 0);
1316
	}
1317
 
1318
	if (decimales == undefined) {
1319
		if (is_int(_sNombre)) {
1320
			decimales = 0;
1321
		} else {
1322
			decimales = 2;
1323
		}
1324
	}
1325
	if (signe == undefined) {
1326
		if (is_int(_sNombre)) {
1327
			signe = '';
1328
		} else {
1329
			signe = '.';
1330
		}
1331
	}
1332
	if (separateurMilliers == undefined) {
1333
		separateurMilliers = ' ';
1334
	}
1335
 
1336
	function separeMilliers (sNombre) {
1337
		var sRetour = "";
1338
		while (sNombre.length % 3 != 0) {
1339
			sNombre = "0"+sNombre;
1340
		}
1341
		for (i = 0; i < sNombre.length; i += 3) {
1342
			if (i == sNombre.length-1) separateurMilliers = '';
1343
			sRetour += sNombre.substr(i, 3) + separateurMilliers;
1344
		}
1345
		while (sRetour.substr(0, 1) == "0") {
1346
			sRetour = sRetour.substr(1);
1347
		}
1348
		return sRetour.substr(0, sRetour.lastIndexOf(separateurMilliers));
1349
	}
1350
 
1351
	if (_sNombre.indexOf('.') == -1) {
1352
		for (i = 0; i < decimales; i++) {
1353
			_sDecimales += "0";
1354
		}
1355
		_sRetour = separeMilliers(_sNombre) + signe + _sDecimales;
1356
	} else {
1357
		var sDecimalesTmp = (_sNombre.substr(_sNombre.indexOf('.')+1));
1358
		if (sDecimalesTmp.length > decimales) {
1359
			var nDecimalesManquantes = sDecimalesTmp.length - decimales;
1360
			var nDiv = 1;
1361
			for (i = 0; i < nDecimalesManquantes; i++) {
1362
				nDiv *= 10;
1363
			}
1364
			_sDecimales = Math.round(Number(sDecimalesTmp) / nDiv);
1365
		}
1366
		_sRetour = separeMilliers(_sNombre.substr(0, _sNombre.indexOf('.')))+String(signe)+_sDecimales;
1367
	}
1368
	return _sRetour;
915 jpm 1369
}
1370
 
1371
function debug(objet) {
1372
	var msg = '';
1373
	if (objet != null) {
1374
		$.each(objet, function (cle, valeur) {
1375
			msg += cle+":"+valeur + "\n";
1376
		});
1377
	} else {
1378
		msg = "La variable vaut null.";
1379
	}
1380
	console.log(msg);
836 jpm 1381
}