/*Fonctions utilisées pour la gestion des onglets images et du contenu qui leur est associé*/


//Fonction qui affiche l'onglet actif et son contenu.
//l'élément qui contient le contenu de l'onglet doit impérativement porter le même id précédé de div_
//Ex: onglet id="photo", élément associé id="div_photo" même si ce n'est pas un div! 
function affiche(contener, id, etat) {
    var divContener, imgOnglets;
    //Récupérer le div contenant les onglets
    divContener = document.getElementById(contener);
    //Récupérer toutes les images du div (tous les onglets)
    imgOnglets = divContener.getElementsByTagName("img");

    //Pour chaque image vérifier s'il sagit de l'onglet actif
    for (var i = 0; i < imgOnglets.length; i++) {
        if (imgOnglets[i].id == id) {
            //Placer l'image over
            imgOnglets[i].src = imgSrc(imgOnglets[i], etat);
            //Afficher le div de contenu équivalent.
            document.getElementById("div_" + imgOnglets[i].id).style.display = "block";
        }
        else {
            //Placer l'image
            imgOnglets[i].src = imgSrc(imgOnglets[i], "");
            //Masquer le div de contenu.
            document.getElementById("div_" + imgOnglets[i].id).style.display = "none";
        }
    }

}
//Fonction qui remplace l'image par son équivalent over
//Le nom de l'image over doit être le même suivit d'un _ et d'un état. 
//Exemple l'image over de photo.jpg sera photo_over.jpg. 
//Il pourra aussi être photo_nimportekoi.jpg vue que le nimportekoi est passé en argument.
function imgSrc(imgOnglet, strEtat) {
    var strPath, strName, strExt;
    strPath = imgOnglet.src.substr(0, imgOnglet.src.lastIndexOf('/') + 1);
    strName = imgOnglet.id;
    if (strEtat != "") {
        strName = strName + "_" + strEtat;
    }
    strExt = imgOnglet.src.substr(imgOnglet.src.lastIndexOf('.'), imgOnglet.src.length);
    return strPath + strName + strExt;
}