function comptNomm(quoi,dansQuoi) //compte les elements et leur donne un numéro
{
 var conteneur = document.getElementById(dansQuoi);
 if (conteneur)
 {
  var unDiv = document.getElementsByTagName(quoi);
  nbrElement = 0;
  for (i=0;i<unDiv.length;i++)
  {
   if (unDiv[i].parentNode == conteneur )
   {
    nbrElement = nbrElement+1;
    unDiv[i].id = 'elmt0'+(nbrElement-1);
   }
  }
 }
}

function creaBlocOnglet(dansQuoi) { //creer le bloc onglets
 var sBlocOnglets = document.createElement('div');
 sBlocOnglets.setAttribute("id","blocOnglets");
 document.getElementById(dansQuoi).appendChild(sBlocOnglets);
}

function onglet(actif)
{
 var i;
 for(i=0;i<=(nbrElement-1);i++)
 {
  document.getElementById('elmt0'+i).style.visibility="hidden";
  document.getElementById('OngElmt0'+i).className ="onglet";
 }
 document.getElementById('elmt0'+actif).style.visibility="visible";
 document.getElementById('OngElmt0'+actif).className="ongletActif";
}

function cyclOto(num,duree)
{
 if(typeof(dessus)=="undefined") dessus=false;
 if(!dessus)
 {
  if(typeof(num)=="undefined")num=0;
  onglet(num);
  num = num+1 ;
  if (num>(nbrElement-1)) num=0;
 }
 setTimeout("cyclOto("+num+","+duree+");",duree);
}


function multiEditoMavie(quoi,dansQuoi,duree)
{
 comptNomm(quoi,dansQuoi);
//retaille le bloc multiEdito, pour n'afficher qu'un edito a la fois
  document.getElementById(dansQuoi).style.height="242px";

 if(nbrElement>1) // Si il y'a plus d'un edito on lance le bouzin
 {
  creaBlocOnglet(dansQuoi);

//creation des onglets
  for(i=0;i<=(nbrElement-1);i++)
  {
//recuperation de l'url ATTENTION Récupérer plutôt le href A changer -> sUnOnglet deviendrai un tag <A>
   var lienEdMa=document.getElementById('elmt0'+i).onclick;
//adaptation de la taille du titre
   var noeudTitre = document.getElementById('elmt0'+i).getElementsByTagName('h3')[0].getElementsByTagName('a')[0];
   var noeudTexte = document.getElementById('elmt0'+i).getElementsByTagName('p')[0];
   if (noeudTitre.innerHTML!="")
   {
    hDispo=150-noeudTexte.offsetHeight;
    lDispo=document.getElementById('elmt0'+i).offsetWidth-260-20;
    tailleTitre(hDispo,lDispo,noeudTitre,'16');
   }
//passage de l'article en position absolute
   document.getElementById("elmt0"+i).style.position = "absolute";
//construction de l'onglet
   var sUnOnglet = document.createElement('div');
   sUnOnglet.setAttribute("id","OngElmt0"+i);
   sUnOnglet.setAttribute("class","onglet");
   document.getElementById("blocOnglets").appendChild(sUnOnglet);
   document.getElementById("OngElmt0"+i).innerHTML = "<span onmouseover=onglet('"+i+"');dessus=true; onmouseout='dessus=false;num="+i+";' onclick='"+lienEdMa+"'>" + (i+1) + "</span>" ;
   document.getElementById("OngElmt0"+i).onclick = lienEdMa;
  }

  cyclOto('0',duree);

 }

}



function multiGondole(quoi,dansQuoi,duree)
{

 comptNomm(quoi,dansQuoi);
 creaBlocOnglet(dansQuoi);

//met les blocs uneGondl à la bonne taille et crée les onglets
 var i, j, k;
 for(i=0;i<=(nbrElement-1);i++)
 {
// pour mettre le bloc à la bonne taille on en change juste le style
  var sClass = document.getElementById('elmt0'+i).className;
  var sClassGdl = new RegExp("uneGondl","gi");
  var sEspace = new RegExp(" ","gi");
  var sClass = sClass.replace(sClassGdl,"uneGondlJava");
  var sUnivers = sClass.substring(sClass.lastIndexOf(" "));
  var sUnivers = sUnivers.replace(sEspace,"");
  document.getElementById('elmt0'+i).className=sClass;
  if (i!=0) document.getElementById('elmt0'+i).style.visibility="hidden"; // affichage de le première gondole uniquement, sinon, bug lorsque la souris est sur la gondole au démarrage
  for (j = 0; j < document.getElementById('elmt0'+i).childNodes.length; j++)
  {
   var noeud = document.getElementById('elmt0'+i).childNodes[j];

/* ici on récupère l'url de l'image/photo afin de la ré-injecter en fond de bloc pour avoir la photo plein cadre (recadré forcément)
   if (noeud.className == 'photo')
   {
    for (k = 0; k < noeud.childNodes.length; k++)
    {
     var noeudLien = noeud.childNodes[k];
     if (noeudLien.className == 'image')
     {
      var sUrlImg = noeudLien.src;
// A FAIRE : VERIFIER LE FORMAT DE L'IMAGE AVANT DE LA RE-INJECTER... SI PORTRAIT REDUIRE L'IMAGE.
      noeud.style.backgroundImage = "url('" + sUrlImg + "')" ;
     }
    }
   }
*/
   if (noeud.className == 'zoneTitre')
   {
    hDispo = noeud.offsetHeight-15;
    lDispo = noeud.offsetWidth-30;
    for (l = 0; l < noeud.childNodes.length; l++)
    {
     var noeudTitre = noeud.childNodes[l];

     if (noeudTitre.className == 'titre')
     {
      for (k = 0; k < noeudTitre.childNodes.length; k++)
      {
       var noeudLien = noeudTitre.childNodes[k];
// ici on récupère le lien et le titre
       if (noeudLien.className == 'lien')
       {
        var sLienOnglet = noeudLien.href;
        var sTitreOnglet = noeudLien.innerHTML;
        var blocTitre = noeudLien;
       }
// ici on récupère la rubrique
       if (noeudLien.className == 'rub')
       {
        var sRubOnglet = noeudLien.innerHTML;
       }

      }
     }
// préparation au retaillage du titre
     if (noeudTitre.className == 'plus')
     {
      var hDispo = hDispo-noeudTitre.offsetHeight-15 ;
     }

    }
    var tailleTexte= 16;

    tailleTitre(hDispo,lDispo,blocTitre,tailleTexte);

   }
  }
// On crée l'onglet et on y injecte le lien, le titre et la rubrique
  var sUnOnglet = document.createElement('div');
  sUnOnglet.setAttribute("id","OngElmt0"+i);
  sUnOnglet.setAttribute("class","onglet");
  document.getElementById("blocOnglets").appendChild(sUnOnglet);
  document.getElementById("OngElmt0"+i).innerHTML = "<a class='" + sUnivers + "' href='" + sLienOnglet + "' onmouseover=onglet('"+i+"');dessus=true; onmouseout='dessus=false;num="+i+";'><span><strong>" + sRubOnglet + "</strong>" + sTitreOnglet + "</span></a>" ;
 }

cyclOto('0',duree);

}