// Déclarer le numéro de version en Javascript (idem à celui de session.inc)
var Version = '00000';

// Déclaration des variables globales
var onglet_haut = new Array();
var onglet_corps = new Array();
var onglet_bas = new Array();
var onglet_actif = new Array();

// Charger les images pour les onglets
function charger_onglets(nombre_onglets,actif,groupe,index_couleurs) {
    // Déclarations
    var i,j;
    // Balayer les cadres
    for (j=0;j<nombre_onglets.length;j++) {
        // Dimensionner les tableaux
        onglet_haut[groupe[j]] = new Array();
        onglet_corps[groupe[j]] = new Array();
        onglet_bas[groupe[j]] = new Array();
        // Balayer les images
        for (i=0;i<nombre_onglets[j];i++) {
            onglet_haut[groupe[j]][i] = new Image();
            onglet_haut[groupe[j]][i].src = "/objets/onglets_"+groupe[j]+"_"+i+"_"+index_couleurs[j]+"_"+Version+".jpg";
            onglet_corps[groupe[j]][i] = new Image();
            onglet_corps[groupe[j]][i].src = "/objets/corps_"+groupe[j]+"_"+i+"_"+index_couleurs[j]+"_"+Version+".jpg";
            onglet_bas[groupe[j]][i] = new Image();
            onglet_bas[groupe[j]][i].src = "/objets/bas_"+groupe[j]+"_"+i+"_"+index_couleurs[j]+"_"+Version+".jpg";
            onglet_actif[groupe[j]] = actif[j];
        }
        // Rendre le div principal visible
        var o = TrouverObjet(groupe[j]);
        o.style.display = '';
        o.style.visibility = '';
    }
}

// Réagir à la sélection d'un onglet
function Selection_Onglet(groupe,index){
    // Tester le clique sur l'onglet actif
    if (index == onglet_actif[groupe]) return;
    // Trouver les images
    haut = TrouverObjet(groupe+"_image_haut");
    corps = TrouverObjet(groupe+"_image_corps");
    bas = TrouverObjet(groupe+"_image_bas");
    ancien = TrouverObjet(groupe+"_"+onglet_actif[groupe]+"_contenu");
    nouveau = TrouverObjet(groupe+"_"+index+"_contenu");
    // Affecter les images de la sélection
    haut.src = onglet_haut[groupe][index].src;
    corps.src = onglet_corps[groupe][index].src;
    bas.src = onglet_bas[groupe][index].src;
    // Montrer / Cacher les contenus
    nouveau.style.visibility = '';  // Attention, ne pas utiliser visible
    ancien.style.visibility = 'hidden';
    // Stocker le nouvel onglet actif
    onglet_actif[groupe] = index;
}