// Classe Onglet
// Programmeur : Andy Harvey
// Date de cration : 1 mai 2007

/*********************************/
/* Variables globales/paramètres */
/*********************************/
var CompteurOnglets				= 0; // Compteur du nombre d'instances (partagées)

// Classes CSS : contiennent l'image de background
var OngletClassName				= "onglet";
var OngletSelectedClassName		= "onglet_selected";
var OngletContainerClassName	= "onglet_container";

// Images
var pathImages					= "squelettes/img/onglets/";
var OngletGauche				= pathImages + "tab_left_icon.jpg";
var OngletDroite				= pathImages + "tab_right_icon.jpg";
var OngletBG					= pathImages + "tab_bg.jpg";
var OngletOverGauche			= pathImages + "hover_tab_left_icon.jpg";
var OngletOverDroite			= pathImages + "hover_tab_right_icon.jpg";
var OngletOverBG				= pathImages + "hover_tab_bg.jpg";
var OngletSelectedGauche		= pathImages + "selected_tab_left_icon.jpg";
var OngletSelectedDroite		= pathImages + "selected_tab_right_icon.jpg";
var OngletSelectedBG			= pathImages + "selected_tab_bg.jpg";

var OngletContinuite			= pathImages + "onglet_continuite.gif";


/*************************************/
/* Paramtres de l'onglet            */
/* --------------------------------- */
/* text = Libellé                  */
/* url = Lien                        */
/* active = Sélectionné (true/false) */
/*************************************/
function cOnglet(text, url, active)
{
	this.text		= text.replace(/ /g, ' '); // Pour remplacer les espaces par  
	this.url		= url;
	this.active		= active;
	CompteurOnglets = CompteurOnglets + 1;
	this.OngletId	= CompteurOnglets; // ID de l'onglet
	this.ContainerId= "OngletContainer" + this.OngletId;
}

// Affiche l'onglet dans la page selon son état (conteneur : Tableau)
cOnglet.prototype.printOngletTD=printOngletTD;
function printOngletTD(p_first, p_last)
{
	if (typeof(p_first) == "undefined")
		p_first = false;
	
	if (typeof(p_last) == "undefined")
		p_last = false;
		
	// Début du tableau
	if (p_first == true)
	{
		document.write('<table border="0" width="100%" cellspacing="0" cellpadding="0" class="' + OngletContainerClassName + '">');
		document.write('  <tr>');
	}
	
	if (this.active == true) // Onglet sélectionné
	{
        document.write('    <td valign="bottom"><img src="' + OngletSelectedGauche + '" id="OngletLeftIcon' + this.OngletId + '"></td>');
		document.write('	<td valign="top" background="' + OngletSelectedBG + '" id="OngletTD' + this.OngletId + '"><a href="' + this.url + '" class="' + OngletSelectedClassName + '">' + this.text + '</a></td>');
		document.write('	<td valign="bottom"><img src="' + OngletSelectedDroite + '" id="OngletRightIcon' + this.OngletId + '"></td>');
	}
	else  // Onglet non sélectionné
	{
        document.write('    <td valign="bottom"><img src="' + OngletGauche + '" id="OngletLeftIcon' + this.OngletId + '"></td>');
		document.write('	<td valign="top" background="' + OngletBG + '" id="OngletTD' + this.OngletId + '"><a href="' + this.url + '" class="' + OngletClassName + '" onMouseOver="OngletRollOver(' + this.OngletId + ', true, \'TD\')" onMouseOut="OngletRollOver(' + this.OngletId + ', false, \'TD\')">' + this.text + '</a>');
		document.write('	<td valign="bottom"><img src="' + OngletDroite + '" id="OngletRightIcon' + this.OngletId + '"></td>');
	}
	
	// Fin du tableau
	if (p_last == true)
	{
		document.write('    <td valign="bottom" width="100%" background="' + OngletContinuite + '">&nbsp;</td>');
		document.write('  </tr>');
		document.write('</table>');
	}
}


// Rollovers pour les onglets
function OngletRollOver(p_OngletId, p_Active, p_format)
{
	var LeftIconImg	 = document.getElementById('OngletLeftIcon'  + p_OngletId);
	var RightIconImg = document.getElementById('OngletRightIcon' + p_OngletId);
	var OngletTD	 = document.getElementById('OngletTD' + p_OngletId);
		
	if (p_Active == true)
	{
		LeftIconImg.src  = OngletOverGauche;
		RightIconImg.src = OngletOverDroite;
		OngletTD.style.backgroundImage = "url("+OngletOverBG+")";

	}
	else
	{
		LeftIconImg.src  = OngletGauche;
		RightIconImg.src = OngletDroite;
		OngletTD.style.backgroundImage = "url("+OngletBG+")";
	}
}