Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1502 | Rev 1516 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1502 Rev 1510
1
//+----------------------------------------------------------------------------------------------------------+
1
//+----------------------------------------------------------------------------------------------------------+
2
// Onglets et Portlets
2
// Onglets et Portlets
3
/**
3
/**
4
 * Les variables suivantes ont été ajoutée par php
4
 * Les variables suivantes ont été ajoutée par php
5
 * 
5
 * 
6
 * var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
6
 * var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
7
 * var urlEditionSectionWikiTpl : url pour éditer une section du wiki 
7
 * var urlEditionSectionWikiTpl : url pour éditer une section du wiki 
8
 * var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
8
 * var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
9
 * var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
9
 * var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
10
 * var urlPopup = url de base pour les popup contenant du code un peu complexe
10
 * var urlPopup = url de base pour les popup contenant du code un peu complexe
11
 * 
11
 * 
12
*/
12
*/
13
 
13
 
14
/**
14
/**
15
 * Variables globales du script
15
 * Variables globales du script
16
 */
16
 */
17
var modules = Array();
17
var modules = Array();
18
var tableauOnglets = Array();
18
var tableauOnglets = Array();
19
var nbOngletsInvisibles = 0;
19
var nbOngletsInvisibles = 0;
20
var ongletSyntheseCharge = true;
20
var ongletSyntheseCharge = true;
21
var ongletIllustrationsCharge = false;
21
var ongletIllustrationsCharge = false;
22
 
22
 
23
/** Classe Module
23
/** Classe Module
24
* Définit un module de type portlet
24
* Définit un module de type portlet
25
**/
25
**/
26
function Module(id, module, onglet, statique) {
26
function Module(id, module, onglet, statique) {
27
 
27
 
28
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
28
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
29
	this.id = id;
29
	this.id = id;
30
	this.titre;
30
	this.titre;
31
	this.htmlResume;
31
	this.htmlResume;
32
	this.statique = statique;
32
	this.statique = statique;
33
 
33
 
34
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
34
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
35
	this.portlet = module;
35
	this.portlet = module;
36
	this.onglet;
36
	this.onglet;
37
 
37
 
38
	// creerPortlet 
38
	// creerPortlet 
39
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
39
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
40
	this.creerPortlet = function() {
40
	this.creerPortlet = function() {
41
		var objet = this;
41
		var objet = this;
42
 
42
 
43
		var titre = $(module).children('.titre');
43
		var titre = $(module).children('.titre');
44
		titre.className = 'titre ui-widget-header ui-corner-all';
44
		titre.className = 'titre ui-widget-header ui-corner-all';
45
		titre.id = 'titre-' + this.id;
45
		titre.id = 'titre-' + this.id;
46
		
46
		
47
		
47
		
48
		var contenu = $(module).children('.contenu');
48
		var contenu = $(module).children('.contenu');
49
		contenu.id = 'contenu-' + this.id;
49
		contenu.id = 'contenu-' + this.id;
50
		contenu.className ='contenu';
50
		contenu.className ='contenu';
51
 
51
 
52
		var lienToggle = document.createElement('span');
52
		var lienToggle = document.createElement('span');
53
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
53
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
54
		$(titre).append(lienToggle);
54
		$(titre).append(lienToggle);
55
		$(lienToggle).click(function() {
55
		$(lienToggle).click(function() {
56
			objet.afficherCacherModule();
56
			objet.afficherCacherModule();
57
		});
57
		});
58
 
58
 
59
		this.portlet = module;
59
		this.portlet = module;
60
		return module;	
60
		return module;	
61
	}
61
	}
62
	
62
	
63
	this.ongletEstAffiche = function() {
63
	this.ongletEstAffiche = function() {
64
		return $(this.onglet.selector).is(':visible');
64
		return $(this.onglet.selector).is(':visible');
65
	}
65
	}
66
 
66
 
67
	// Crée l'objet Onglet HTML
67
	// Crée l'objet Onglet HTML
68
	this.creerOnglet = function() {
68
	this.creerOnglet = function() {
69
		var objet = this;
69
		var objet = this;
70
		this.onglet = onglet;
70
		this.onglet = onglet;
71
	}
71
	}
72
		
72
		
73
	// Initialisation de l'objet
73
	// Initialisation de l'objet
74
	this.creerPortlet();
74
	this.creerPortlet();
75
	this.creerOnglet();
75
	this.creerOnglet();
76
	
76
	
77
	// Accesseurs de la classe
77
	// Accesseurs de la classe
78
	this.getOnglet = function() {
78
	this.getOnglet = function() {
79
		return this.onglet;	
79
		return this.onglet;	
80
	}
80
	}
81
	
81
	
82
	this.getPortlet = function() {
82
	this.getPortlet = function() {
83
		return this.portlet;
83
		return this.portlet;
84
	}
84
	}
85
	
85
	
86
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
86
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
87
	this.afficherCacherModule = function() { 
87
	this.afficherCacherModule = function() { 
88
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
88
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
89
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
89
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
90
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
90
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
91
		$(this.portlet).find(".contenu").toggle();
91
		$(this.portlet).find(".contenu").toggle();
92
	}
92
	}
93
}
93
}
94
 
94
 
95
function getUrlVars() {
95
function getUrlVars() {
96
    var vars = [], hash;
96
    var vars = [], hash;
97
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
97
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
98
    for (var i = 0; i < hashes.length; i++) {
98
    for (var i = 0; i < hashes.length; i++) {
99
        hash = hashes[i].split('=');
99
        hash = hashes[i].split('=');
100
        vars.push(hash[0]);
100
        vars.push(hash[0]);
101
        vars[hash[0]] = hash[1];
101
        vars[hash[0]] = hash[1];
102
    }
102
    }
103
    return vars;
103
    return vars;
104
}
104
}
105
 
105
 
106
function afficherOngletsPourNiveau() {
106
function afficherOngletsPourNiveau() {
107
	/* affiche les onglets par default selon niveau*/
107
	/* affiche les onglets par default selon niveau*/
108
	for (indice in tableauOnglets) {
108
	for (indice in tableauOnglets) {
109
		var ongletEnCours = tableauOnglets[indice];
109
		var ongletEnCours = tableauOnglets[indice];
110
		titre_onglet = ongletEnCours.titre;
110
		titre_onglet = ongletEnCours.titre;
111
		titre_onglet = $.trim(titre_onglet);
111
		titre_onglet = $.trim(titre_onglet);
112
		if (!Array.indexOf) {
112
		if (!Array.indexOf) {
113
			  Array.prototype.indexOf = function (obj, start) {
113
			  Array.prototype.indexOf = function (obj, start) {
114
			    for (var i = (start || 0); i < this.length; i++) {
114
			    for (var i = (start || 0); i < this.length; i++) {
115
			      if (this[i] == obj) {
115
			      if (this[i] == obj) {
116
			        return i;
116
			        return i;
117
			      }
117
			      }
118
			    }
118
			    }
119
			    return -1;
119
			    return -1;
120
			  }
120
			  }
121
			}
121
			}
122
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
122
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
123
			ongletEnCours.afficherCacherModule();	
123
			ongletEnCours.afficherCacherModule();	
124
			nbOngletsInvisibles++;
124
			nbOngletsInvisibles++;
125
		}
125
		}
126
	}
126
	}
127
}
127
}
128
 
128
 
129
function obtenirOngletCookiePourPage() {
129
function obtenirOngletCookiePourPage() {
130
	var urlVars = getUrlVars();
130
	var urlVars = getUrlVars();
131
	var id_cookie = 'onglet_eflore';
131
	var id_cookie = 'onglet_eflore';
132
	if (urlVars['num_nom']) {
132
	if (urlVars['num_nom']) {
133
		id_cookie += '_'+urlVars['num_nom'];
133
		id_cookie += '_'+urlVars['num_nom'];
134
	}	
134
	}	
135
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
135
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
136
}
136
}
137
 
137
 
138
function enregistrerOngletCookiePourPage(valeur) {
138
function enregistrerOngletCookiePourPage(valeur) {
139
	var urlVars = getUrlVars();
139
	var urlVars = getUrlVars();
140
	var id_cookie = 'onglet_eflore';
140
	var id_cookie = 'onglet_eflore';
141
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
141
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
142
		id_cookie += '_'+urlVars['num_nom'];
142
		id_cookie += '_'+urlVars['num_nom'];
143
	}
143
	}
144
	$.cookie(id_cookie, valeur);
144
	$.cookie(id_cookie, valeur);
145
}
145
}
146
 
146
 
147
function lierModulesEtOnglets() {
147
function lierModulesEtOnglets() {
148
	var i = 1;
148
	var i = 1;
149
	
149
	
150
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
150
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
151
	$(".module").each(function () {
151
	$(".module").each(function () {
152
		i++;
152
		i++;
153
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
153
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
154
		var module = new Module(i, this, $(identifiantOnglet));
154
		var module = new Module(i, this, $(identifiantOnglet));
155
		var titre = $(this).children('h3').text();
155
		var titre = $(this).children('h3').text();
156
		module.titre = titre;
156
		module.titre = titre;
157
		
157
		
158
		tableauOnglets[identifiantOnglet] = module;
158
		tableauOnglets[identifiantOnglet] = module;
159
	});
159
	});
160
}
160
}
161
 
161
 
162
// remplace des liens directs vers les onglets par des liens permettant de ne charger
162
// remplace des liens directs vers les onglets par des liens permettant de ne charger
163
// que le contenu de l'onglet (pour le plugin tab)
163
// que le contenu de l'onglet (pour le plugin tab)
164
function remplacerUrlsOnglets() {
164
function remplacerUrlsOnglets() {
165
		$(".lien-onglet").each(function() {
165
		$(".lien-onglet").each(function() {
166
		var urlOnglet = $(this).attr('href');
166
		var urlOnglet = $(this).attr('href');
167
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
167
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
168
		urlBase = base_url_application_onglets+"?"+urlVars;
168
		urlBase = base_url_application_onglets+"?"+urlVars;
169
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
169
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
170
		$(this).attr('href', urlOnglet);
170
		$(this).attr('href', urlOnglet);
171
	});
171
	});
172
}
172
}
173
 
173
 
174
ongletsInitialises = false;
174
ongletsInitialises = false;
175
numOngletEnCours = null;
175
numOngletEnCours = null;
176
nePasEmpilerUrl = false;
176
nePasEmpilerUrl = false;
177
popStateOriginal = true;
177
popStateOriginal = true;
178
function initialiserOnglets() {
178
function initialiserOnglets() {
179
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
179
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
180
	// pour le module tab qui charge les url désignée dans les liens des tabs
180
	// pour le module tab qui charge les url désignée dans les liens des tabs
181
	//remplacerUrlsOnglets();
181
	//remplacerUrlsOnglets();
182
	
182
	
183
	// analyse de l'onglet désigné comme selectionné par défaut
183
	// analyse de l'onglet désigné comme selectionné par défaut
184
	// (on peut accéder directement à un onglet précis à travers un param url)
184
	// (on peut accéder directement à un onglet précis à travers un param url)
185
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
185
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
186
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
186
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
187
 
187
 
188
	$('#zone_onglets').tabs({
188
	$('#zone_onglets').tabs({
189
		create: function( event, ui ) {
189
		create: function( event, ui ) {
190
			// par défaut, le contenu déjà chargé est dans une autre zone
190
			// par défaut, le contenu déjà chargé est dans une autre zone
191
			// on le déplace donc comme s'il avait été chargé par le plugin tab
191
			// on le déplace donc comme s'il avait été chargé par le plugin tab
192
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
192
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
193
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
193
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
194
			$("#zone_contenu_fiche").hide();
194
			$("#zone_contenu_fiche").hide();
195
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
195
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
196
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
196
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
197
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
197
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
198
		},
198
		},
199
		active: indexTabSelectionneDefaut ,
199
		active: indexTabSelectionneDefaut ,
200
		beforeLoad: function( event, ui ) {
200
		beforeLoad: function( event, ui ) {
201
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
201
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
202
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
202
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
203
			// +1 car les tabs sont zéros indexées
203
			// +1 car les tabs sont zéros indexées
204
			var idPanelCharge = ui.tab.index()+1;
204
			var idPanelCharge = ui.tab.index()+1;
205
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
205
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
206
			
206
			
207
			numOngletEnCours = idPanelCharge;
207
			numOngletEnCours = idPanelCharge;
208
 
208
 
209
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
209
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
210
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
210
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
211
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
211
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
212
				if(!nePasEmpilerUrl) {
212
				if(!nePasEmpilerUrl) {
213
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
213
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
214
					nePasEmpilerUrl = false;
214
					nePasEmpilerUrl = false;
215
				}
215
				}
216
 
216
 
217
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));				
217
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));				
218
				panelCharge.show();
218
				panelCharge.show();
219
				return false;
219
				return false;
220
			} else {
220
			} else {
221
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
221
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
222
				// pendant que le plugin s'occupe du reste
222
				// pendant que le plugin s'occupe du reste
223
				fancyboxinitialise = false;
223
				fancyboxinitialise = false;
224
				var panel = $('#ui-tabs-'+idPanelCharge);
224
				var panel = $('#ui-tabs-'+idPanelCharge);
225
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
225
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
226
				return true;
226
				return true;
227
			}
227
			}
228
		},
228
		},
229
		load: function(event, ui) {
229
		load: function(event, ui) {
230
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
230
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
231
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
231
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
232
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
232
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
233
			// stats
233
			// stats
234
			if (prod) {
234
			if (prod) {
235
				var ga_json = '{"nn": "' + ga_current_nn + '", "nom_sci": "' + ga_current_ns + '"}';
235
				var ga_json = '{"nn": "' + ga_current_nn + '", "nom_sci": "' + ga_current_ns + '"}';
236
				ga('eFloreTracker.send', 'event', 'fiche', 'consultation-' + ongletNomCode, ga_json, 1);
236
				ga('eFloreTracker.send', 'event', 'fiche', 'consultation-' + ongletNomCode, ga_json, 1);
237
			}
237
			}
238
 
238
 
239
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
239
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
240
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
240
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
241
			$(document).trigger('dictionnaireRechercherDefinitions', '#'+ongletNomCode);
241
			$(document).trigger('dictionnaireRechercherDefinitions', '#'+ongletNomCode);
242
		}
242
		}
243
	});
243
	});
244
	
244
	
245
	$(window).bind('popstate', function(event) {
245
	$(window).bind('popstate', function(event) {
246
		if(!!event.originalEvent.state) {
246
		if(!!event.originalEvent.state) {
247
			nePasEmpilerUrl = true;
247
			nePasEmpilerUrl = true;
248
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
248
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
249
		} else {
249
		} else {
250
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger 
250
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger 
251
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
251
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
252
			if(!popStateOriginal) {
252
			if(!popStateOriginal) {
253
				window.location = window.location.href;
253
				window.location = window.location.href;
254
			}
254
			}
255
			popStateOriginal = false;
255
			popStateOriginal = false;
256
		}
256
		}
257
	});
257
	});
258
}
258
}
259
 
259
 
260
//+----------------------------------------------------------------------------------------------------------+
260
//+----------------------------------------------------------------------------------------------------------+
261
// Wikini Flora
261
// Wikini Flora
262
var htmlWikiOriginal = '';
262
var htmlWikiOriginal = '';
263
var objetContenuWiki = null;
263
var objetContenuWiki = null;
264
 
264
 
265
function getTemplateFormulaireEditionWiki(page, section, texte) {	
265
function getTemplateFormulaireEditionWiki(page, section, texte) {	
266
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
266
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
267
	var formulaire = 
267
	var formulaire = 
268
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
268
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
269
		  '<div>'+
269
		  '<div>'+
270
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
270
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
271
		  '</div>'+
271
		  '</div>'+
272
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
272
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
273
		  '<input type="submit" text="sauver" />'+
273
		  '<input type="submit" text="sauver" />'+
274
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
274
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
275
		'</form>';		
275
		'</form>';		
276
	return formulaire;
276
	return formulaire;
277
}
277
}
278
 
278
 
279
function getSection() {
279
function getSection() {
280
	return objetContenuWiki.attr("title");
280
	return objetContenuWiki.attr("title");
281
}
281
}
282
 
282
 
283
function getPageWikiTaxon() {
283
function getPageWikiTaxon() {
284
	return pageWikiTaxon;
284
	return pageWikiTaxon;
285
}
285
}
286
 
286
 
287
function getUrlEditionPourPageEtSection(page, section) {
287
function getUrlEditionPourPageEtSection(page, section) {
288
	var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
288
	var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
289
	return url;
289
	return url;
290
}
290
}
291
 
291
 
292
function getUrlTextePourPageSectionBrute(page, section) {
292
function getUrlTextePourPageSectionBrute(page, section) {
293
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
293
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
294
}
294
}
295
 
295
 
296
function getUrlTextePourPageSectionFormatee(page, section) {
296
function getUrlTextePourPageSectionFormatee(page, section) {
297
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
297
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
298
}
298
}
299
 
299
 
300
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
300
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
301
	objetContenuWiki = objet_contenu;
301
	objetContenuWiki = objet_contenu;
302
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
302
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
303
	htmlWikiOriginal = objet_contenu.html();
303
	htmlWikiOriginal = objet_contenu.html();
304
	$.getJSON(adresse, function(data) {
304
	$.getJSON(adresse, function(data) {
305
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
305
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
306
	});
306
	});
307
}
307
}
308
 
308
 
309
function gererEvenementsWiki() {
309
function gererEvenementsWiki() {
310
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
310
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
311
	$('.editable_sur_clic').live('dblclick',function(event) {
311
	$('.editable_sur_clic').live('dblclick',function(event) {
312
		remplacerContenuWikiParFormulaireEdition($(this));
312
		remplacerContenuWikiParFormulaireEdition($(this));
313
	});
313
	});
314
	
314
	
315
	$('#formulaire_edition_wiki').live('submit',function(event) {
315
	$('#formulaire_edition_wiki').live('submit',function(event) {
316
	    event.preventDefault(); 
316
	    event.preventDefault(); 
317
		var valeurs = $(this).serialize();
317
		var valeurs = $(this).serialize();
318
		$.post($(this).attr('action'), valeurs, function(data) {
318
		$.post($(this).attr('action'), valeurs, function(data) {
319
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
319
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
320
			$.getJSON(adresse, function(data) {
320
			$.getJSON(adresse, function(data) {
321
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
321
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
322
			});
322
			});
323
		});
323
		});
324
	});
324
	});
325
	
325
	
326
	$('.bouton_annuler_edition').live('click', function(event) {
326
	$('.bouton_annuler_edition').live('click', function(event) {
327
		event.preventDefault();
327
		event.preventDefault();
328
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
328
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
329
	});
329
	});
330
	
330
	
331
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
331
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
332
}
332
}
333
 
333
 
334
//+----------------------------------------------------------------------------------------------------------+
334
//+----------------------------------------------------------------------------------------------------------+
335
//Affichage dans une nouvelle fenetre
335
//Affichage dans une nouvelle fenetre
336
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
336
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
337
	$(selecteur).find('a').live('click', function(event) {
337
	$(selecteur).find('a').live('click', function(event) {
338
		window.open($(this).attr('href'));
338
		window.open($(this).attr('href'));
339
		event.preventDefault();
339
		event.preventDefault();
340
		return false;
340
		return false;
341
	});
341
	});
342
}
342
}
343
 
343
 
344
//+----------------------------------------------------------------------------------------------------------+
344
//+----------------------------------------------------------------------------------------------------------+
345
// Plier / déplier
345
// Plier / déplier
346
function plierTout() {
346
function plierTout() {
347
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
347
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
348
	$('.plus').css('display', 'none');
348
	$('.plus').css('display', 'none');
349
}
349
}
350
 
350
 
351
function deplierTout() {
351
function deplierTout() {
352
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
352
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
353
	$('.plus').css('display', 'inline');
353
	$('.plus').css('display', 'inline');
354
}
354
}
355
 
355
 
356
function gestionBiblio(parent) {
356
function gestionBiblio(parent) {
357
	$('.nom').each(function () {
357
	$('.nom').each(function () {
358
		if ($(this).children('.plus').length == 0) {
358
		if ($(this).children('.plus').length == 0) {
359
			html = $(this).html();
359
			html = $(this).html();
360
			
360
			
361
			// La partie biblio commence au premier crochet ouvrant
361
			// La partie biblio commence au premier crochet ouvrant
362
			// ou bien au span de la biblio à exclure
362
			// ou bien au span de la biblio à exclure
363
			posCrochetGauche = html.indexOf('[');
363
			posCrochetGauche = html.indexOf('[');
364
			posbiblioAExclure = html.indexOf('<span class="bib_excl">');
364
			posbiblioAExclure = html.indexOf('<span class="bib_excl">');
365
			
365
			
366
			if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
366
			if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
367
				posCrochetGauche = posbiblioAExclure;
367
				posCrochetGauche = posbiblioAExclure;
368
			}
368
			}
369
			
369
			
370
			console.log(posCrochetGauche+" "+posbiblioAExclure);
370
			// console.log(posCrochetGauche+" "+posbiblioAExclure);
371
			
371
			
372
			
372
			
373
			if (posCrochetGauche > 0) {
373
			if (posCrochetGauche > 0) {
374
				nom = html.substr(0, posCrochetGauche);
374
				nom = html.substr(0, posCrochetGauche);
375
				biblio = html.substr(posCrochetGauche, html.length);
375
				biblio = html.substr(posCrochetGauche, html.length);
376
				$(this).html(nom);
376
				$(this).html(nom);
377
				
377
				
378
				imagettePlus = document.createElement('div');
378
				imagettePlus = document.createElement('div');
379
				$(imagettePlus).addClass('imagettePlus');
379
				$(imagettePlus).addClass('imagettePlus');
380
				$(this).prepend($(imagettePlus));
380
				$(this).prepend($(imagettePlus));
381
				
381
				
382
				plus = document.createElement('span');
382
				plus = document.createElement('span');
383
				$(plus).addClass('plus');
383
				$(plus).addClass('plus');
384
				$(plus).html(biblio);
384
				$(plus).html(biblio);
385
				$(plus).hide();
385
				$(plus).hide();
386
				
386
				
387
				$(this).click(function(e) {
387
				$(this).click(function(e) {
388
					// test pour ne réagir que sur le clic sur le + ou -
388
					// test pour ne réagir que sur le clic sur le + ou -
389
					// TODO: fusionner ce bout de code en doublon avec synthese.js
389
					// TODO: fusionner ce bout de code en doublon avec synthese.js
390
					if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
390
					if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
391
						if (!$(this).children('.plus').is(':visible')) {
391
						if (!$(this).children('.plus').is(':visible')) {
392
							$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
392
							$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
393
							$(this).children('.plus').css('display', 'inline');
393
							$(this).children('.plus').css('display', 'inline');
394
						} else {
394
						} else {
395
							$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
395
							$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
396
							$(this).children('.plus').css('display', 'none');
396
							$(this).children('.plus').css('display', 'none');
397
						}
397
						}
398
					}
398
					}
399
					
399
					
400
				});
400
				});
401
					
401
					
402
				$(this).append($(plus));
402
				$(this).append($(plus));
403
				
403
				
404
			}
404
			}
405
		}
405
		}
406
	});
406
	});
407
}
407
}
408
 
408
 
409
function gererEvenementsPliage() {
409
function gererEvenementsPliage() {
410
	$('.lien_tout_deplier').live('click', function() {
410
	$('.lien_tout_deplier').live('click', function() {
411
		deplierTout();
411
		deplierTout();
412
	});
412
	});
413
	$('.lien_tout_plier').live('click', function() {
413
	$('.lien_tout_plier').live('click', function() {
414
		plierTout();
414
		plierTout();
415
	});
415
	});
416
	gestionBiblio(document);
416
	gestionBiblio(document);
417
}
417
}
418
 
418
 
419
//+----------------------------------------------------------------------------------------------------------+
419
//+----------------------------------------------------------------------------------------------------------+
420
//Pop Up images
420
//Pop Up images
421
function ouvrirPopUpImg(event) {
421
function ouvrirPopUpImg(event) {
422
	event.preventDefault();
422
	event.preventDefault();
423
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
423
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
424
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
424
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
425
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
425
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
426
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
426
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
427
			+',status='+event.data.status+'"');
427
			+',status='+event.data.status+'"');
428
}
428
}
429
 
429
 
430
//+----------------------------------------------------------------------------------------------------------+
430
//+----------------------------------------------------------------------------------------------------------+
431
// Message de chargement pour les graphique écologie
431
// Message de chargement pour les graphique écologie
432
function gererChargementGraphiqueEcologie() {
432
function gererChargementGraphiqueEcologie() {
433
	$('.ecologie_svg').addClass('chargement');
433
	$('.ecologie_svg').addClass('chargement');
434
}
434
}
435
 
435
 
436
function gererAffichageLegendeEcologie() {
436
function gererAffichageLegendeEcologie() {
437
	$('.voir').live('click', function() {
437
	$('.voir').live('click', function() {
438
		$(this).siblings('.legende_graphique').show();
438
		$(this).siblings('.legende_graphique').show();
439
		$(this).siblings('.cacher').show();
439
		$(this).siblings('.cacher').show();
440
		$(this).hide();
440
		$(this).hide();
441
	});
441
	});
442
	
442
	
443
	$('.cacher').live('click', function() {
443
	$('.cacher').live('click', function() {
444
		$(this).siblings('.legende_graphique').hide();
444
		$(this).siblings('.legende_graphique').hide();
445
		$(this).siblings('.voir').show();
445
		$(this).siblings('.voir').show();
446
		$(this).hide();
446
		$(this).hide();
447
	});
447
	});
448
}
448
}
449
 
449
 
450
 
450
 
451
//+----------------------------------------------------------------------------------------------------------+
451
//+----------------------------------------------------------------------------------------------------------+
452
// Initialisation
452
// Initialisation
453
var fancyboxinitialise = false;
453
var fancyboxinitialise = false;
454
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
454
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
455
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
455
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
456
 
456
 
457
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
457
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
458
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
458
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
459
 
459
 
460
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
460
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
461
$(document).one('ficheSyntheseChargee', function() {
461
$(document).one('ficheSyntheseChargee', function() {
462
	initialiserOnglets();
462
	initialiserOnglets();
463
 
463
 
464
	// TODO : devrait être .on() à la place de live()
464
	// TODO : devrait être .on() à la place de live()
465
	$('.lien_popup').live('click',function(event) {
465
	$('.lien_popup').live('click',function(event) {
466
		event.preventDefault();
466
		event.preventDefault();
467
		$.fancybox(this,{
467
		$.fancybox(this,{
468
			autoDimensions:false,
468
			autoDimensions:false,
469
			width:580
469
			width:580
470
		});
470
		});
471
	});
471
	});
472
	
472
	
473
	// TODO : devrait être .on() à la place de live()
473
	// TODO : devrait être .on() à la place de live()
474
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
474
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
475
		event.preventDefault();
475
		event.preventDefault();
476
		$.fancybox(this,{
476
		$.fancybox(this,{
477
			autoDimensions:true
477
			autoDimensions:true
478
		});
478
		});
479
	});
479
	});
480
		
480
		
481
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
481
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
482
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
482
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
483
	
483
	
484
	afficherOngletsPourNiveau();
484
	afficherOngletsPourNiveau();
485
 
485
 
486
	gererEvenementsWiki();
486
	gererEvenementsWiki();
487
	gererEvenementsPliage();
487
	gererEvenementsPliage();
488
	
488
	
489
	$('a.lien_retour_synthese').click(function(event) {
489
	$('a.lien_retour_synthese').click(function(event) {
490
		$('#onglet_synthese a').click();
490
		$('#onglet_synthese a').click();
491
		event.preventDefault();
491
		event.preventDefault();
492
	});
492
	});
493
	
493
	
494
	$(window).resize(function() {
494
	$(window).resize(function() {
495
		redimensionnerOnglets();
495
		redimensionnerOnglets();
496
	});
496
	});
497
	redimensionnerOnglets();
497
	redimensionnerOnglets();
498
	
498
	
499
	if($("#bloc-fiche").length > 0) {
499
	if($("#bloc-fiche").length > 0) {
500
		// initialisation de l'url avec l'onglet par défaut ou bien 
500
		// initialisation de l'url avec l'onglet par défaut ou bien 
501
		// celui qui a été explicitement demandé
501
		// celui qui a été explicitement demandé
502
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
502
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
503
	}
503
	}
504
	gererInteractionsPermaliens();
504
	gererInteractionsPermaliens();
505
});
505
});
506
 
506
 
507
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {  
507
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {  
508
	if(!!elementHtml && elementHtml != null) {	
508
	if(!!elementHtml && elementHtml != null) {	
509
		if(elementHtml.attachEvent) {// Internet Explorer
509
		if(elementHtml.attachEvent) {// Internet Explorer
510
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);}); 
510
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);}); 
511
		} else if(elementHtml.addEventListener) { // Firefox & autres
511
		} else if(elementHtml.addEventListener) { // Firefox & autres
512
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
512
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
513
		}
513
		}
514
	}
514
	}
515
}
515
}
516
 
516
 
517
$(document).one('ongletRepartitionCharge', function() {
517
$(document).one('ongletRepartitionCharge', function() {
518
	var contRepObs = $(".conteneur_repartition_observations");
518
	var contRepObs = $(".conteneur_repartition_observations");
519
	contRepObs.addClass("chargement_repartition");
519
	contRepObs.addClass("chargement_repartition");
520
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
520
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
521
	// sur autre chose qu'une image
521
	// sur autre chose qu'une image
522
	$('#repartition_observations').ready(function() {
522
	$('#repartition_observations').ready(function() {
523
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
523
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
524
			contRepObs.removeClass("chargement_repartition");
524
			contRepObs.removeClass("chargement_repartition");
525
		});
525
		});
526
	});
526
	});
527
	// lien "recalculer la carte de moissonnage"
527
	// lien "recalculer la carte de moissonnage"
528
	$('#lien_recalculer_carte').click(function() {
528
	$('#lien_recalculer_carte').click(function() {
529
		var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
529
		var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
530
		var urlCarte = carteMoissonnageSvg.attr("data");
530
		var urlCarte = carteMoissonnageSvg.attr("data");
531
		urlCarte += '&recalculer=1';
531
		urlCarte += '&recalculer=1';
532
		contRepObs.addClass("chargement_repartition");
532
		contRepObs.addClass("chargement_repartition");
533
		carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
533
		carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
534
			contRepObs.removeClass("chargement_repartition");
534
			contRepObs.removeClass("chargement_repartition");
535
		});
535
		});
536
		return false;
536
		return false;
537
	});
537
	});
538
});
538
});
539
 
539
 
540
$(document).one('ongletSyntheseCharge', function() {
540
$(document).one('ongletSyntheseCharge', function() {
541
	lierModulesEtOnglets();
541
	lierModulesEtOnglets();
542
	
542
	
543
	/* mouvement des blocs */
543
	/* mouvement des blocs */
544
	$(".colonne").sortable({
544
	$(".colonne").sortable({
545
		connectWith: ".colonne",
545
		connectWith: ".colonne",
546
		handle: $(".module").children('h3') // mouvement seulement sur les titres
546
		handle: $(".module").children('h3') // mouvement seulement sur les titres
547
	});
547
	});
548
	
548
	
549
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
549
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
550
		event.preventDefault();
550
		event.preventDefault();
551
		$(this).parents(".module").find("a.titreOnglet").click();
551
		$(this).parents(".module").find("a.titreOnglet").click();
552
	});
552
	});
553
	
553
	
554
	gererClicIllustrationsFiche();
554
	gererClicIllustrationsFiche();
555
	gererEvenementsPliage();
555
	gererEvenementsPliage();
556
});
556
});
557
 
557
 
558
// À la fin du chargement de l'onglet Illustrations
558
// À la fin du chargement de l'onglet Illustrations
559
$(document).one('ongletIllustrationsCharge', function() {
559
$(document).one('ongletIllustrationsCharge', function() {
560
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
560
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
561
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
561
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
562
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
562
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
563
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
563
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
564
	afficherOngletOrgane(null, premier);
564
	afficherOngletOrgane(null, premier);
565
	
565
	
566
	$('a.lien_telechargement_image').live('click',function(e) {
566
	$('a.lien_telechargement_image').live('click',function(e) {
567
		if($(e.target).data('oneclicked')!='yes')
567
		if($(e.target).data('oneclicked')!='yes')
568
		{
568
		{
569
			$(e.target).data('oneclicked','yes');
569
			$(e.target).data('oneclicked','yes');
570
			$(this).fancybox({
570
			$(this).fancybox({
571
				"type" : "iframe",
571
				"type" : "iframe",
572
				"autoDimensions" : false,
572
				"autoDimensions" : false,
573
				"width" : 800,
573
				"width" : 800,
574
				"height" : 405,
574
				"height" : 405,
575
				"titleShow" : false
575
				"titleShow" : false
576
			}).click();
576
			}).click();
577
		}
577
		}
578
 
578
 
579
		e.preventDefault();
579
		e.preventDefault();
580
		return false;
580
		return false;
581
	});
581
	});
582
});
582
});
583
 
583
 
584
// Affiche les n images ayant le plus de votes, pour l'organe $tag
584
// Affiche les n images ayant le plus de votes, pour l'organe $tag
585
function afficherOngletOrgane(e, tag) {
585
function afficherOngletOrgane(e, tag) {
586
	var onglets = $('div.onglet-organe'),
586
	var onglets = $('div.onglet-organe'),
587
		contenu = $('#galerie-organes-contenu'),
587
		contenu = $('#galerie-organes-contenu'),
588
		organeOnglet;
588
		organeOnglet;
589
 
589
 
590
	if (tag === undefined) {
590
	if (tag === undefined) {
591
		tag = $(this).data('tag')
591
		tag = $(this).data('tag')
592
	}
592
	}
593
	if ($(this).parent().hasClass('active')) { // replier
593
	if ($(this).parent().hasClass('active')) { // replier
594
		$(this).parent().removeClass('active')
594
		$(this).parent().removeClass('active')
595
		contenu.hide();
595
		contenu.hide();
596
		return false;
596
		return false;
597
	}
597
	}
598
 
598
 
599
	onglets.each(function() {
599
	onglets.each(function() {
600
		organeOnglet = $(this).data('tag');
600
		organeOnglet = $(this).data('tag');
601
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
601
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
602
		if (organeOnglet == tag) {
602
		if (organeOnglet == tag) {
603
			$(this).show();
603
			$(this).show();
604
			li.addClass('active');
604
			li.addClass('active');
605
		} else {
605
		} else {
606
			$(this).hide();
606
			$(this).hide();
607
			li.removeClass('active');
607
			li.removeClass('active');
608
		}
608
		}
609
	});
609
	});
610
 
610
 
611
	contenu.show();
611
	contenu.show();
612
 
612
 
613
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
613
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
614
		grandeImage = $('#grande-image-organe').find('img');
614
		grandeImage = $('#grande-image-organe').find('img');
615
	premierLienGrandeImage.trigger('click');
615
	premierLienGrandeImage.trigger('click');
616
	grandeImage.show('fast');
616
	grandeImage.show('fast');
617
 
617
 
618
	return false;
618
	return false;
619
}
619
}
620
 
620
 
621
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
621
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
622
function afficherGrandeImageOrgane() {
622
function afficherGrandeImageOrgane() {
623
	if ($(this).data('id-image') === "") {
623
	if ($(this).data('id-image') === "") {
624
		return false;
624
		return false;
625
	}
625
	}
626
	var grandeImage = $('#grande-image-organe').find('img'),
626
	var grandeImage = $('#grande-image-organe').find('img'),
627
		source = $(this).find('img').attr('src');
627
		source = $(this).find('img').attr('src');
628
	source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
628
	source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
629
	// chargement image et lien popup
629
	// chargement image et lien popup
630
	grandeImage.attr('src', source);
630
	grandeImage.attr('src', source);
631
	// important pour Pinterest et cie.
631
	// important pour Pinterest et cie.
632
	grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
632
	grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
633
	grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
633
	grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
634
	// métadonnées
634
	// métadonnées
635
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
635
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
636
		clef;
636
		clef;
637
	for (var i = 0; i < metadonnees.length; i++) {
637
	for (var i = 0; i < metadonnees.length; i++) {
638
		clef = metadonnees[i];
638
		clef = metadonnees[i];
639
		var contenu = $(this).data(clef);
639
		var contenu = $(this).data(clef);
640
		if(clef == 'id-image') {
640
		if(clef == 'id-image') {
641
			contenu += 
641
			contenu += 
642
				'<a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
642
				'<a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
643
					'<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
643
					'<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
644
				'</a>'+
644
				'</a>'+
645
				'<a title="Voir plus d\'informations sur cette image (s\'ouvre dans un popup)" class="lien-image-cel" href="'+urlPopup+'?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image')+'">'+
645
				'<a title="Voir plus d\'informations sur cette image (s\'ouvre dans un popup)" class="lien-image-cel" href="'+urlPopup+'?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image')+'">'+
646
					'<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
646
					'<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
647
				'</a>'+
647
				'</a>'+
648
				'<a title="Signaler une mauvaise identification ou en proposer une autre via l\'outil identiplante" class="signaler-mauvaise-identification" href="' + $(this).data('url-mauvaise-ident') + '" target="_blank">' +
648
				'<a title="Signaler une mauvaise identification ou en proposer une autre via l\'outil identiplante" class="signaler-mauvaise-identification" href="' + $(this).data('url-mauvaise-ident') + '" target="_blank">' +
649
					'<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">' +
649
					'<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">' +
650
				'</a>';
650
				'</a>';
651
		}
651
		}
652
		$('#grande-image-legende-' + clef).html(contenu);
652
		$('#grande-image-legende-' + clef).html(contenu);
653
 
653
 
654
	}
654
	}
655
	// valeurs génériques
655
	// valeurs génériques
656
	$('#grande-image-legende-' + clef).html($(this).data(clef));
656
	$('#grande-image-legende-' + clef).html($(this).data(clef));
657
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
657
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
658
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
658
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
659
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
659
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
660
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
660
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
661
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
661
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
662
	$('#grande-image-legende-auteur').attr('target', '_blank');
662
	$('#grande-image-legende-auteur').attr('target', '_blank');
663
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");
663
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");
664
 
664
 
665
 
665
 
666
	$('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
666
	$('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
667
		"type" : "iframe",
667
		"type" : "iframe",
668
		"autoDimensions" : false,
668
		"autoDimensions" : false,
669
		"width" : 800,
669
		"width" : 800,
670
		"height" : 405,
670
		"height" : 405,
671
		"titleShow" : false
671
		"titleShow" : false
672
	});
672
	});
673
}
673
}
674
 
674
 
675
function obtenirUrlMoyenFormatIdImage(idImage) {
675
function obtenirUrlMoyenFormatIdImage(idImage) {
676
	idImage = remplirChaineDebut(idImage, "0", 9);
676
	idImage = remplirChaineDebut(idImage, "0", 9);
677
	return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
677
	return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
678
}
678
}
679
 
679
 
680
function obtenirUrlGrandFormatIdImage(idImage) {
680
function obtenirUrlGrandFormatIdImage(idImage) {
681
	idImage = remplirChaineDebut(idImage, "0", 9);
681
	idImage = remplirChaineDebut(idImage, "0", 9);
682
	return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
682
	return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
683
}
683
}
684
 
684
 
685
function remplirChaineDebut(chaine, remplissage, longueur) {
685
function remplirChaineDebut(chaine, remplissage, longueur) {
686
	while(chaine.toString().length < longueur) {
686
	while(chaine.toString().length < longueur) {
687
		chaine = remplissage.toString()+chaine.toString();
687
		chaine = remplissage.toString()+chaine.toString();
688
	}
688
	}
689
	return chaine;
689
	return chaine;
690
}
690
}
691
 
691
 
692
// transforme une date du type "2012-04-06" en "06 avril 2012"
692
// transforme une date du type "2012-04-06" en "06 avril 2012"
693
function formaterDateVersFrancais(date) {
693
function formaterDateVersFrancais(date) {
694
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
694
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
695
		amj_hms = date.split(' '),
695
		amj_hms = date.split(' '),
696
		amj = amj_hms[0].split('-');
696
		amj = amj_hms[0].split('-');
697
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
697
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
698
}
698
}
699
 
699
 
700
function redimensionnerOnglets() {
700
function redimensionnerOnglets() {
701
	
701
	
702
	var largeurTotale = $('#zone_onglets').width();
702
	var largeurTotale = $('#zone_onglets').width();
703
	var largeurOnglets = 0;
703
	var largeurOnglets = 0;
704
	var largeurDernierOnglet = 0;
704
	var largeurDernierOnglet = 0;
705
	$('#onglets li').each(function() {
705
	$('#onglets li').each(function() {
706
		largeurDernierOnglet = $(this).outerWidth();
706
		largeurDernierOnglet = $(this).outerWidth();
707
		largeurOnglets += $(this).outerWidth();
707
		largeurOnglets += $(this).outerWidth();
708
	});
708
	});
709
	
709
	
710
	var espaceRestant = largeurTotale - largeurOnglets;
710
	var espaceRestant = largeurTotale - largeurOnglets;
711
	if(espaceRestant < largeurDernierOnglet) {
711
	if(espaceRestant < largeurDernierOnglet) {
712
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
712
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
713
		$('#onglets li').each(function() {
713
		$('#onglets li').each(function() {
714
			$(this).width($(this).width() - (pxALiberer - 4));
714
			$(this).width($(this).width() - (pxALiberer - 4));
715
			$(this).css("font-size", "0.9em");
715
			$(this).css("font-size", "0.9em");
716
		});
716
		});
717
	} else {
717
	} else {
718
		$('#onglets li').each(function() {
718
		$('#onglets li').each(function() {
719
			$(this).css("width", "auto");
719
			$(this).css("width", "auto");
720
			$(this).css("font-size", "1em");
720
			$(this).css("font-size", "1em");
721
		});
721
		});
722
	}
722
	}
723
}
723
}
724
 
724
 
725
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
725
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
726
function gererClicIllustrationsFiche() {
726
function gererClicIllustrationsFiche() {
727
	$('.illustration_cel').live('click', function() {
727
	$('.illustration_cel').live('click', function() {
728
		var url_image = $(this).attr('src');
728
		var url_image = $(this).attr('src');
729
		var titre = $('.nomenclature').first().text();
729
		var titre = $('.nomenclature').first().text();
730
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
730
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
731
		//var url = urlPopup+"?module=popup-galerie-organes&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
731
		//var url = urlPopup+"?module=popup-galerie-organes&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
732
		//alert(url);
732
		//alert(url);
733
		//return false;
733
		//return false;
734
		window.open(url, $(this).attr('data-num-nom'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
734
		window.open(url, $(this).attr('data-num-nom'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
735
	}); 
735
	}); 
736
}
736
}
737
 
737
 
738
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
738
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
739
	var fenetre = window.open('_blank', '','directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(largeur+17)+', height='+(hauteur+17));
739
	var fenetre = window.open('_blank', '','directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(largeur+17)+', height='+(hauteur+17));
740
	var tmp = fenetre.document;
740
	var tmp = fenetre.document;
741
	tmp.write('<html><head><title>'+titre+'</title>');
741
	tmp.write('<html><head><title>'+titre+'</title>');
742
	tmp.write('</head><body>');
742
	tmp.write('</head><body>');
743
	tmp.write('<p style="height='+hauteur+'px;text-align:center;line-height='+hauteur+'px;"><img id="image_agrandie" height="'+hauteur+'" width="'+largeur+'" style="vertical-align:middle;" src="'+url+'" /></p>');
743
	tmp.write('<p style="height='+hauteur+'px;text-align:center;line-height='+hauteur+'px;"><img id="image_agrandie" height="'+hauteur+'" width="'+largeur+'" style="vertical-align:middle;" src="'+url+'" /></p>');
744
	tmp.write('</body></html>');
744
	tmp.write('</body></html>');
745
	tmp.close();
745
	tmp.close();
746
}
746
}
747
 
747
 
748
 
748
 
749
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
749
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
750
// de la fiche
750
// de la fiche
751
function mettreAJourUrl(nouvelleUrl, etat) {
751
function mettreAJourUrl(nouvelleUrl, etat) {
752
	$('#permalien_num_nom').val(nouvelleUrl);
752
	$('#permalien_num_nom').val(nouvelleUrl);
753
	if (!!(window.history && window.history.pushState)) {
753
	if (!!(window.history && window.history.pushState)) {
754
		var currentState = window.history.state;
754
		var currentState = window.history.state;
755
		if (currentState != nouvelleUrl && !!etat) {
755
		if (currentState != nouvelleUrl && !!etat) {
756
			window.history.pushState(etat, "", nouvelleUrl);
756
			window.history.pushState(etat, "", nouvelleUrl);
757
		}
757
		}
758
	}
758
	}
759
}
759
}
760
 
760
 
761
function gererInteractionsPermaliens() {	
761
function gererInteractionsPermaliens() {	
762
	$(".conteneur_permalien > a").each(function() {
762
	$(".conteneur_permalien > a").each(function() {
763
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
763
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
764
		$(this).replaceWith(txt);
764
		$(this).replaceWith(txt);
765
	});
765
	});
766
	$(".conteneur_permalien > input").each(function() {
766
	$(".conteneur_permalien > input").each(function() {
767
		$(this).attr('size', $(this).val().length - 7);
767
		$(this).attr('size', $(this).val().length - 7);
768
	});
768
	});
769
	$(".conteneur_permalien > input").hover(
769
	$(".conteneur_permalien > input").hover(
770
		function() {
770
		function() {
771
			 $(this).select();
771
			 $(this).select();
772
		}, function() {
772
		}, function() {
773
			// rien à faire sur le mouseout
773
			// rien à faire sur le mouseout
774
		}
774
		}
775
	);
775
	);
776
}
776
}
777
 
777
 
778
function gererTemplatesChargementALaDemande() {
778
function gererTemplatesChargementALaDemande() {
779
	$('.lien-ajax-tpl a.lien-ajax-tpl-chargement').live('click', function(e) {
779
	$('.lien-ajax-tpl a.lien-ajax-tpl-chargement').live('click', function(e) {
780
		if($(this).attr('data-loading') != "true") {
780
		if($(this).attr('data-loading') != "true") {
781
			$(this).attr('data-loading', "true");
781
			$(this).attr('data-loading', "true");
782
			e.preventDefault();
782
			e.preventDefault();
783
			urlTpl = $(this).attr('href');
783
			urlTpl = $(this).attr('href');
784
			$(this).hide();
784
			$(this).hide();
785
			thisElementParent = $(this).parent();
785
			thisElementParent = $(this).parent();
786
			thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
786
			thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
787
			$.get(urlTpl, function( data ) {
787
			$.get(urlTpl, function( data ) {
788
				thisElementParent.replaceWith( data );
788
				thisElementParent.replaceWith( data );
789
			});
789
			});
790
			return false;
790
			return false;
791
		}
791
		}
792
	});
792
	});
793
}
793
}
794
 
794
 
795
$(document).ajaxStop(function() {
795
$(document).ajaxStop(function() {
796
	gererChargementGraphiqueEcologie();
796
	gererChargementGraphiqueEcologie();
797
	gererAffichageLegendeEcologie();
797
	gererAffichageLegendeEcologie();
798
	gererTemplatesChargementALaDemande();
798
	gererTemplatesChargementALaDemande();
799
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
799
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
800
		$('.svg').each(function() {
800
		$('.svg').each(function() {
801
			alt = $(this).attr('alt');
801
			alt = $(this).attr('alt');
802
			img = document.createElement('img');
802
			img = document.createElement('img');
803
			img.src = alt;
803
			img.src = alt;
804
			$(this).replaceWith(img);
804
			$(this).replaceWith(img);
805
		});
805
		});
806
	}
806
	}
807
});
807
});
808
 
808