var NbOnglets = 0;
var IndicesOnglets = 0;
function Initialise(nbOnglets,indOnglets){
  NbOnglets = nbOnglets;
  IndicesOnglets = indOnglets;
  for (i = 0; i < document.getElementsByName("Ligne").length; i++)
  {
	document.getElementsByName("Ligne")[i].innerHTML=onglets[i];
  }
  TabClick(0);
}
function TabClick( nTab){
  var nbLigneVis = (document.getElementsByName("Ligne").length+1)/2;  
  // on cherche le num de ligne à afficher  
  var rowshow = 0;
  var tab = nTab;
  if(nTab < NbOnglets)
  {
  	tab = tab + NbOnglets;
  }  
  if(tab >= document.getElementsByName("tabs").length)
  {
  	rowshow = nbLigneVis-1;
  }
  else
  {
  	nTab = tab;
  	for (i = 0; i < IndicesOnglets.length; i++)
  	{
	  	if(nTab < IndicesOnglets[i])
	 	{
			rowshow = i-1;
			break;
		}
  	}
  }
  // on réinit tous les onglets
  for (i = 0; i < document.getElementsByName("tabs").length; i++)
  {
    	document.getElementsByName("tabs")[i].className = "TabBorderBottom TabCommon TabOff";
    	if(i < NbOnglets)
    	{
    		document.getElementsByName("Content")[i].style.display = "none";
    	}
  }
  for (i = 0; i < document.getElementsByName("Ligne").length; i++)
  {
  	if(i > nbLigneVis-1)
  	{
  		// Onglets en trop
  		if((i-nbLigneVis) == rowshow)
  		{
  			// on masque la ligne de début et affiche la ligne en trop
  			document.getElementsByName("Ligne")[i].style.display = "block";
  			document.getElementsByName("Ligne")[i-nbLigneVis].style.display = "none";
  		}
  		else
  		{
  			document.getElementsByName("Ligne")[i].style.display = "none";
  		}
  	}
  	else
  	{
  		document.getElementsByName("Ligne")[i].style.display = "block";
  	}
 }
 // Affichage du contenu
 document.getElementsByName("tabs")[nTab].className = "TabCommon TabOn TabActiveBackground TabActiveBorderLeftRight";
 if(nTab >= NbOnglets)
 {
 	nTab = nTab - NbOnglets;
 }
 document.getElementsByName("Content")[nTab].style.display = "block";   
}