Subversion Repositories eFlore/Applications.eflore-consultation

//+----------------------------------------------------------------------------------------------------------+
// Onglets et Portlets
/**
 * Les variables suivantes ont été ajoutée par php
 * 
 * var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
 * var urlEditionSectionWikiTpl : url pour éditer une section du wiki 
 * var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
 * var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
 * var urlPopup = url de base pour les popup contenant du code un peu complexe
 * 
*/

/**
 * Variables globales du script
 */
var modules = Array();
var tableauOnglets = Array();
var nbOngletsInvisibles = 0;
var ongletSyntheseCharge = true;
var ongletIllustrationsCharge = false;

/** Classe Module
* Définit un module de type portlet
**/
function Module(id, module, onglet, statique) {

        // Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
        this.id = id;
        this.titre;
        this.htmlResume;
        this.statique = statique;

        // Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
        this.portlet = module;
        this.onglet;

        // creerPortlet 
        // Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
        this.creerPortlet = function() {
                var objet = this;

                var titre = $(module).children('.titre');
                titre.className = 'titre ui-widget-header ui-corner-all';
                titre.id = 'titre-' + this.id;
                
                var lienTitre = $(module).children('.titre').children('a');
                lienTitre.attr('href','#'+this.id);
                lienTitre.click(function() {
                        $('#zone_onglets').tabs( "option", "active", (objet.id -1));
                        return false;
                });
                lienTitre.hover(function() {
                        if (!objet.ongletEstAffiche()) {
                                $(this).css({"color":"white"});
                        } else {
                                $(this).css({"color":"#E78F08"});
                        }
                }); 
                
                lienTitre.mouseout(function() {
                        $(this).css({"color":"white"});
                });

                var contenu = $(module).children('.contenu');
                contenu.id = 'contenu-' + this.id;
                contenu.className ='contenu';

                var lienToggle = document.createElement('span');
                lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
                $(titre).append(lienToggle);
                $(lienToggle).click(function() {
                        objet.afficherCacherModule();
                });

                this.portlet = module;
                return module;  
        }
        
        this.ongletEstAffiche = function() {
                return $(this.onglet.selector).is(':visible');
        }

        // Crée l'objet Onglet HTML
        this.creerOnglet = function() {
                var objet = this;
                this.onglet = onglet;
        }
                
        // Initialisation de l'objet
        this.creerPortlet();
        this.creerOnglet();
        
        // Accesseurs de la classe
        this.getOnglet = function() {
                return this.onglet;     
        }
        
        this.getPortlet = function() {
                return this.portlet;
        }
        
        // fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
        this.afficherCacherModule = function() { 
                $(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
                $(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
                $(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
                $(this.portlet).find(".contenu").toggle();
        }
}

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

function afficherOngletsPourNiveau() {
        /* affiche les onglets par default selon niveau*/
        for (indice in tableauOnglets) {
                var ongletEnCours = tableauOnglets[indice];
                titre_onglet = ongletEnCours.titre;
                titre_onglet = $.trim(titre_onglet);
                if (!Array.indexOf) {
                          Array.prototype.indexOf = function (obj, start) {
                            for (var i = (start || 0); i < this.length; i++) {
                              if (this[i] == obj) {
                                return i;
                              }
                            }
                            return -1;
                          }
                        }
                if (ongletsDefaut.indexOf(titre_onglet) == -1) {
                        ongletEnCours.afficherCacherModule();   
                        nbOngletsInvisibles++;
                }
        }
}

function obtenirOngletCookiePourPage() {
        var urlVars = getUrlVars();
        var id_cookie = 'onglet_eflore';
        if (urlVars['num_nom']) {
                id_cookie += '_'+urlVars['num_nom'];
        }       
        return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
}

function enregistrerOngletCookiePourPage(valeur) {
        var urlVars = getUrlVars();
        var id_cookie = 'onglet_eflore';
        if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
                id_cookie += '_'+urlVars['num_nom'];
        }
        $.cookie(id_cookie, valeur);
}

function lierModulesEtOnglets() {
        var i = 1;
        
        //Parcourir la totalité des modules générés et les lier grâce à la classe Module
        $(".module").each(function () {
                i++;
                identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
                var module = new Module(i, this, $(identifiantOnglet));
                var titre = $(this).children('h3').text();
                module.titre = titre;
                
                tableauOnglets[identifiantOnglet] = module;
        });
}

// remplace des liens directs vers les onglets par des liens permettant de ne charger
// que le contenu de l'onglet (pour le plugin tab)
function remplacerUrlsOnglets() {
        /*      $(".lien-onglet").each(function() {
                var urlOnglet = $(this).attr('href');
                var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
                urlBase = base_url_application_onglets+"?"+urlVars;
                urlOnglet = urlBase.replace('action=fiche','action=onglet');
                $(this).attr('href', urlOnglet);
        });*/
}

ongletsInitialises = false;
numOngletEnCours = null;
nePasEmpilerUrl = false;
popStateOriginal = true;
function initialiserOnglets() {
        // replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
        // pour le module tab qui charge les url désignée dans les liens des tabs
        //remplacerUrlsOnglets();
        
        // analyse de l'onglet désigné comme selectionné par défaut
        // (on peut accéder directement à un onglet précis à travers un param url)
        var tabSelectionneDefaut = $('#onglets li.ui-state-active');
        var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));

        $('#zone_onglets').tabs({
                create: function( event, ui ) {
                        // par défaut, le contenu déjà chargé est dans une autre zone
                        // on le déplace donc comme s'il avait été chargé par le plugin tab
                        var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
                        contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
                        $("#zone_contenu_fiche").hide();
                        $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
                        ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
                        $(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
                },
                active: indexTabSelectionneDefaut ,
                beforeLoad: function( event, ui ) {
                        // il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
                        // et (lors du chargement de la fiche), l'onglet déjà chargé par php
                        // +1 car les tabs sont zéros indexées
                        var idPanelCharge = ui.tab.index()+1;
                        var panelCharge = $('#ui-tabs-'+idPanelCharge);
                        
                        numOngletEnCours = idPanelCharge;

                        if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
                                // si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
                                var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
                                if(!nePasEmpilerUrl) {
                                        mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
                                        nePasEmpilerUrl = false;
                                }

                                $(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));                               
                                panelCharge.show();
                                return false;
                        } else {
                                // si l'onglet n'est pas chargé alors on affiche le message de chargement 
                                // pendant que le plugin s'occupe du reste
                                fancyboxinitialise = false;
                                var panel = $('#ui-tabs-'+idPanelCharge);
                                panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
                                return true;
                        }
                },
                load: function(event, ui) {
                        // sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
                        // du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
                        var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
                        // stats
                        if (prod) {
                                var ga_json = '{"nn": "' + ga_current_nn + '", "nom_sci": "' + ga_current_ns + '"}';
                                ga('eFloreTracker.send', 'event', 'fiche', 'consultation-' + ongletNomCode, ga_json, 1);
                        }

                        $(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
                        mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
                        $(document).trigger('dictionnaireRechercherDefinitions', '#'+ongletNomCode);
                }
        });
        
        $(window).bind('popstate', function(event) {
                if(!!event.originalEvent.state) {
                        nePasEmpilerUrl = true;
                        $("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
                } else {
                        // chrome fait un popstate au chargement de la page, ce qui la fait recharger 
                        // indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
                        if(!popStateOriginal) {
                                window.location = window.location.href;
                        }
                        popStateOriginal = false;
                }
        });
}

//+----------------------------------------------------------------------------------------------------------+
// Wikini Flora
var htmlWikiOriginal = '';
var objetContenuWiki = null;

function getTemplateFormulaireEditionWiki(page, section, texte) {       
        var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
        var formulaire = 
                '<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
                  '<div>'+
                        '<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
                  '</div>'+
                  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
                  '<input type="submit" text="sauver" />'+
                  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
                '</form>';              
        return formulaire;
}

function getSection() {
        return objetContenuWiki.attr("title");
}

function getPageWikiTaxon() {
        return pageWikiTaxon;
}

function getUrlEditionPourPageEtSection(page, section) {
        var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
        return url;
}

function getUrlTextePourPageSectionBrute(page, section) {
        return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}

function getUrlTextePourPageSectionFormatee(page, section) {
        return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}

function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
        objetContenuWiki = objet_contenu;
        var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
        htmlWikiOriginal = objet_contenu.html();
        $.getJSON(adresse, function(data) {
                $(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
        });
}

function gererEvenementsWiki() {
        //TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
        $('.editable_sur_clic').live('dblclick',function(event) {
                remplacerContenuWikiParFormulaireEdition($(this));
        });
        
        $('#formulaire_edition_wiki').live('submit',function(event) {
            event.preventDefault(); 
                var valeurs = $(this).serialize();
                $.post($(this).attr('action'), valeurs, function(data) {
                        var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
                        $.getJSON(adresse, function(data) {
                                $(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
                        });
                });
        });
        
        $('.bouton_annuler_edition').live('click', function(event) {
                event.preventDefault();
                $(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
        });
        
        rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
}

//+----------------------------------------------------------------------------------------------------------+
//Affichage dans une nouvelle fenetre
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
        $(selecteur).find('a').live('click', function(event) {
                window.open($(this).attr('href'));
                event.preventDefault();
                return false;
        });
}

//+----------------------------------------------------------------------------------------------------------+
// Plier / déplier
function plierTout() {
        $('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
        $('.plus').css('display', 'none');
}

function deplierTout() {
        $('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
        $('.plus').css('display', 'inline');
}

function gestionBiblio(parent) {
        $('.nom').each(function () {
                if ($(this).children('.plus').length == 0) {
                        html = $(this).html();
                        
                        // La partie biblio commence au premier crochet ouvrant
                        // ou bien au span de la biblio à exclure
                        posCrochetGauche = html.indexOf('[');
                        posbiblioAExclure = html.indexOf('<span class="bib_excl">');
                        
                        if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
                                posCrochetGauche = posbiblioAExclure;
                        }
                        
                        console.log(posCrochetGauche+" "+posbiblioAExclure);
                        
                        
                        if (posCrochetGauche > 0) {
                                nom = html.substr(0, posCrochetGauche);
                                biblio = html.substr(posCrochetGauche, html.length);
                                $(this).html(nom);
                                
                                imagettePlus = document.createElement('div');
                                $(imagettePlus).addClass('imagettePlus');
                                $(this).prepend($(imagettePlus));
                                
                                plus = document.createElement('span');
                                $(plus).addClass('plus');
                                $(plus).html(biblio);
                                $(plus).hide();
                                
                                $(this).click(function(e) {
                                        // test pour ne réagir que sur le clic sur le + ou -
                                        // TODO: fusionner ce bout de code en doublon avec synthese.js
                                        if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
                                                if (!$(this).children('.plus').is(':visible')) {
                                                        $(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
                                                        $(this).children('.plus').css('display', 'inline');
                                                } else {
                                                        $(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
                                                        $(this).children('.plus').css('display', 'none');
                                                }
                                        }
                                        
                                });
                                        
                                $(this).append($(plus));
                                
                        }
                }
        });
}

function gererEvenementsPliage() {
        $('.lien_tout_deplier').live('click', function() {
                deplierTout();
        });
        $('.lien_tout_plier').live('click', function() {
                plierTout();
        });
        gestionBiblio(document);
}

//+----------------------------------------------------------------------------------------------------------+
//Pop Up images
function ouvrirPopUpImg(event) {
        event.preventDefault();
        window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
                        '"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
                        +',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
                        +event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
                        +',status='+event.data.status+'"');
}

//+----------------------------------------------------------------------------------------------------------+
// Message de chargement pour les graphique écologie
function gererChargementGraphiqueEcologie() {
        $('.ecologie_svg').addClass('chargement');
}

function gererAffichageLegendeEcologie() {
        $('.voir').live('click', function() {
                $(this).siblings('.legende_graphique').show();
                $(this).siblings('.cacher').show();
                $(this).hide();
        });
        
        $('.cacher').live('click', function() {
                $(this).siblings('.legende_graphique').hide();
                $(this).siblings('.voir').show();
                $(this).hide();
        });
}


//+----------------------------------------------------------------------------------------------------------+
// Initialisation
var fancyboxinitialise = false;
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
                toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};

var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
                toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};

//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
$(document).one('ficheSyntheseChargee', function() {
        initialiserOnglets();

        // TODO : devrait être .on() à la place de live()
        $('.lien_popup').live('click',function(event) {
                event.preventDefault();
                $.fancybox(this,{
                        autoDimensions:false,
                        width:580
                });
        });
        
        // TODO : devrait être .on() à la place de live()
        $('.lien_popup.lien_metadonnees').live('click',function(event) {
                event.preventDefault();
                $.fancybox(this,{
                        autoDimensions:true
                });
        });
                
        $('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
        $('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
        
        afficherOngletsPourNiveau();

        gererEvenementsWiki();
        gererEvenementsPliage();
        
        $('a.lien_retour_synthese').click(function(event) {
                $('#onglet_synthese a').click();
                event.preventDefault();
        });
        
        $(window).resize(function() {
                redimensionnerOnglets();
        });
        redimensionnerOnglets();
        
        if($("#bloc-fiche").length > 0) {
                // initialisation de l'url avec l'onglet par défaut ou bien 
                // celui qui a été explicitement demandé
                mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
        }
        gererInteractionsPermaliens();
});

function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {  
        if(!!elementHtml && elementHtml != null) {      
                if(elementHtml.attachEvent) {// Internet Explorer
                        elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);}); 
                } else if(elementHtml.addEventListener) { // Firefox & autres
                        elementHtml.addEventListener(nomEvenement, functionCallBack, false);
                }
        }
}

$(document).one('ongletRepartitionCharge', function() {
        var contRepObs = $(".conteneur_repartition_observations");
        contRepObs.addClass("chargement_repartition");
        // utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
        // sur autre chose qu'une image
        $('#repartition_observations').ready(function() {
                ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
                        contRepObs.removeClass("chargement_repartition");
                });
        });
        // lien "recalculer la carte de moissonnage"
        $('#lien_recalculer_carte').click(function() {
                var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
                var urlCarte = carteMoissonnageSvg.attr("data");
                urlCarte += '&recalculer=1';
                contRepObs.addClass("chargement_repartition");
                carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
                        contRepObs.removeClass("chargement_repartition");
                });
                return false;
        });
});

$(document).one('ongletSyntheseCharge', function() {
        lierModulesEtOnglets();
        
        /* mouvement des blocs */
        $(".colonne").sortable({
                connectWith: ".colonne",
                handle: $(".module").children('h3') // mouvement seulement sur les titres
        });
        
        $('.lien_ouverture_onglet_parent').live('click', function(event) {
                event.preventDefault();
                $(this).parents(".module").find("a.titreOnglet").click();
        });
        
        gererClicIllustrationsFiche();
        gererEvenementsPliage();
});

// À la fin du chargement de l'onglet Illustrations
$(document).one('ongletIllustrationsCharge', function() {
        $('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
        $('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
        // pour que la galerie soit ouverte par défaut sur le premier organe non vide
        var premier = $('a.lien-images-organes.fourni').first().data('tag');
        afficherOngletOrgane(null, premier);
        
        $('a.lien_telechargement_image').live('click',function(e) {
                if($(e.target).data('oneclicked')!='yes')
                {
                        $(e.target).data('oneclicked','yes');
                        $(this).fancybox({
                                "type" : "iframe",
                                "autoDimensions" : false,
                                "width" : 800,
                                "height" : 405,
                                "titleShow" : false
                        }).click();
                }

                e.preventDefault();
                return false;
        });
});

// Affiche les n images ayant le plus de votes, pour l'organe $tag
function afficherOngletOrgane(e, tag) {
        var onglets = $('div.onglet-organe'),
                contenu = $('#galerie-organes-contenu'),
                organeOnglet;

        if (tag === undefined) {
                tag = $(this).data('tag')
        }
        if ($(this).parent().hasClass('active')) { // replier
                $(this).parent().removeClass('active')
                contenu.hide();
                return false;
        }

        onglets.each(function() {
                organeOnglet = $(this).data('tag');
                var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
                if (organeOnglet == tag) {
                        $(this).show();
                        li.addClass('active');
                } else {
                        $(this).hide();
                        li.removeClass('active');
                }
        });

        contenu.show();

        var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
                grandeImage = $('#grande-image-organe').find('img');
        premierLienGrandeImage.trigger('click');
        grandeImage.show('fast');

        return false;
}

// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
function afficherGrandeImageOrgane() {
        if ($(this).data('id-image') === "") {
                return false;
        }
        var grandeImage = $('#grande-image-organe').find('img'),
                source = $(this).find('img').attr('src');
        source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
        // chargement image et lien popup
        grandeImage.attr('src', source);
        // important pour Pinterest et cie.
        grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
        grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
        // métadonnées
        var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
                clef;
        for (var i = 0; i < metadonnees.length; i++) {
                clef = metadonnees[i];
                var contenu = $(this).data(clef);
                if(clef == 'id-image') {
                        contenu += 
                                '<a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
                                        '<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
                                '</a>'+
                                '<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')+'">'+
                                        '<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
                                '</a>'+
                                '<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">' +
                                        '<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">' +
                                '</a>';
                }
                $('#grande-image-legende-' + clef).html(contenu);

        }
        // valeurs génériques
        $('#grande-image-legende-' + clef).html($(this).data(clef));
        $('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
        $('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
                        $(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
        $('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
        $('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
        $('#grande-image-legende-auteur').attr('target', '_blank');
        $('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");


        $('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
                "type" : "iframe",
                "autoDimensions" : false,
                "width" : 800,
                "height" : 405,
                "titleShow" : false
        });
}

function obtenirUrlMoyenFormatIdImage(idImage) {
        idImage = remplirChaineDebut(idImage, "0", 9);
        return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
}

function obtenirUrlGrandFormatIdImage(idImage) {
        idImage = remplirChaineDebut(idImage, "0", 9);
        return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
}

function remplirChaineDebut(chaine, remplissage, longueur) {
        while(chaine.toString().length < longueur) {
                chaine = remplissage.toString()+chaine.toString();
        }
        return chaine;
}

// transforme une date du type "2012-04-06" en "06 avril 2012"
function formaterDateVersFrancais(date) {
        var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
                amj_hms = date.split(' '),
                amj = amj_hms[0].split('-');
        return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
}

function redimensionnerOnglets() {
        
        var largeurTotale = $('#zone_onglets').width();
        var largeurOnglets = 0;
        var largeurDernierOnglet = 0;
        $('#onglets li').each(function() {
                largeurDernierOnglet = $(this).outerWidth();
                largeurOnglets += $(this).outerWidth();
        });
        
        var espaceRestant = largeurTotale - largeurOnglets;
        if(espaceRestant < largeurDernierOnglet) {
                var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
                $('#onglets li').each(function() {
                        $(this).width($(this).width() - (pxALiberer - 4));
                        $(this).css("font-size", "0.9em");
                });
        } else {
                $('#onglets li').each(function() {
                        $(this).css("width", "auto");
                        $(this).css("font-size", "1em");
                });
        }
}

// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
function gererClicIllustrationsFiche() {
        $('.illustration_cel').live('click', function() {
                var url_image = $(this).attr('src');
                var titre = $('.nomenclature').first().text();
                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;
                //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;
                //alert(url);
                //return false;
                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));
        }); 
        
        $('#synthese_repartition img').click(function(event) {
                // Ouverture de l'onglet répartition
                event.preventDefault();
                $(this).parents(".module").find("a.titreOnglet").click();
        });
}

function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
        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));
        var tmp = fenetre.document;
        tmp.write('<html><head><title>'+titre+'</title>');
        tmp.write('</head><body>');
        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>');
        tmp.write('</body></html>');
        tmp.close();
}


// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
// de la fiche
function mettreAJourUrl(nouvelleUrl, etat) {
        $('#permalien_num_nom').val(nouvelleUrl);
        if (!!(window.history && window.history.pushState)) {
                var currentState = window.history.state;
                if (currentState != nouvelleUrl && !!etat) {
                        window.history.pushState(etat, "", nouvelleUrl);
                }
        }
}

function gererInteractionsPermaliens() {        
        $(".conteneur_permalien > a").each(function() {
                var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
                $(this).replaceWith(txt);
        });
        $(".conteneur_permalien > input").each(function() {
                $(this).attr('size', $(this).val().length - 7);
        });
        $(".conteneur_permalien > input").hover(
                function() {
                         $(this).select();
                }, function() {
                        // rien à faire sur le mouseout
                }
        );
}

function gererTemplatesChargementALaDemande() {
        $('.lien-ajax-tpl a.lien-ajax-tpl-chargement').live('click', function(e) {
                if($(this).attr('data-loading') != "true") {
                        $(this).attr('data-loading', "true");
                        e.preventDefault();
                        urlTpl = $(this).attr('href');
                        $(this).hide();
                        thisElementParent = $(this).parent();
                        thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
                        $.get(urlTpl, function( data ) {
                                thisElementParent.replaceWith( data );
                        });
                        return false;
                }
        });
}

$(document).ajaxStop(function() {
        gererChargementGraphiqueEcologie();
        gererAffichageLegendeEcologie();
        gererTemplatesChargementALaDemande();
        if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
                $('.svg').each(function() {
                        alt = $(this).attr('alt');
                        img = document.createElement('img');
                        img.src = alt;
                        $(this).replaceWith(img);
                });
        }
});