/* A supprimer et remplacer par la fonction ci-dessous */
function OngletsMenu(Id)
{
	for (i=1; i<=10; i++)
    {
        if(i == Id){
            document.getElementById("menu_"+i).style.display="block";
            document.getElementById("lien_"+i).className="onglet";
        }
        else{
        	document.getElementById("menu_"+i).style.display="none";
        	document.getElementById("lien_"+i).className= "titre";
    	}
    }
}

function Onglets(Id, nb, Div)
{
	// Id : id du bloc
	// nb : nb d'onglets dans la page
	
	// boucle des ongles
	for (i=1; i <= nb; i++)
    {
        // si ID
        if(i == Id){	        
	        // on affiche le div
	        if(Div != 'no'){
            document.getElementById("onglet_"+i).style.display = "block";
                      
        	}
        	
			// on modifie le style de l'onglet
			document.getElementById("lien_"+i).className = "onglet_actif";	
        }
        else{
	        // on cache le div
	        if(Div != 'no'){
        	document.getElementById("onglet_"+i).style.display = "none";
    		}
        	
			// on modifie le style de l'onglet
			document.getElementById("lien_"+i).className = "onglet_inactif";
    	}
    }
}

/* Exemple d'Onglets
<?php

// Appel du script onglet
echo '<script type="text/javascript" src="js/onglets.js"></script>';

// Définition du nb d'onglets
$nb_onglets = 6;

// Affichage des onglets
echo '
<ul class="onglet">
    <li><a id="lien_1" href="#" onclick="javascript:Onglets(\'1\', \''.$nb_onglets.'\');" class="onglet_inactif">Fiche</a></li> 
    <li><a id="lien_2" href="#" onclick="javascript:Onglets(\'2\', \''.$nb_onglets.'\');" class="onglet_inactif">Feats</a></li>     
    <li><a id="lien_3" href="#" onclick="javascript:Onglets(\'3\', \''.$nb_onglets.'\');" class="onglet_inactif">Points Destin</a></li>
</ul>
<ul class="onglet">
    <li><a id="lien_4" href="#" onclick="javascript:Onglets(\'4\', \''.$nb_onglets.'\');" class="onglet_inactif">Techniques</a></li>
    <li><a id="lien_5" href="#" onclick="javascript:Onglets(\'5\', \''.$nb_onglets.'\');" class="onglet_inactif">Statistiques</a></li> 
    <li><a id="lien_6" href="#" onclick="javascript:Onglets(\'6\', \''.$nb_onglets.'\');" class="onglet_inactif">Quêtes</a></li> 
</ul><br/>';

// Div relatif aux onglets
echo '
<div id="onglet_1" style="display:none;">test onglet 1</div>
<div id="onglet_2" style="display:none;">test onglet 2</div>
<div id="onglet_3" style="display:none;">test onglet 3</div>
<div id="onglet_4" style="display:none;">test onglet 4</div>
<div id="onglet_5" style="display:none;">
	<form action="jeu.php?page=test_onglets" method="post"><input type="hidden" name="onglet" value="5"/><input type="submit" value="test onglet 5"/></form><br/>
</div>
<div id="onglet_6" style="display:none;">test onglet 6</div>';


// Appel d un onglet
if(isset($_POST['onglet']) AND is_numeric($_POST['onglet']))// Si envoie POST
	echo '<script type="text/javascript">Onglets(\''.intval($_POST['onglet']).'\', \''.$nb_onglets.'\');</script>';
elseif(isset($_GET['onglet']) AND is_numeric($_GET['onglet']))// Si envoie GET
	echo '<script type="text/javascript">Onglets(\''.intval($_GET['onglet']).'\', \''.$nb_onglets.'\');</script>';	
else // Sinon, on affiche l'onglet 1
	echo '<script type="text/javascript">Onglets(\'1\', \''.$nb_onglets.'\');</script>';
?>

*/