function Onglet(nom, tailleX, tailleY, tailleXOg, tailleYOg, initOg ){
		this.nom = nom;
		this.tailleX = tailleX;
		this.tailleY = tailleY;
		this.tailleXOg = tailleXOg;
		this.tailleYOg = tailleYOg;
		this.onglets = new Array();
		this.currentOnglet = null;
		this.currentSelOnglet = null;
		this.initOg = initOg;
		this.clsEna = "ongletTextEna";
		this.clsDis = "ongletTextDis";
		this.clsSp = "ongletSpace";
		this.clsMiddle = "ongletMiddle";
		this.clsMain = "ongletMain";
		this.colorOver = "#EEA000";
		this.add = addOnglet;		
		this.displayHeader = displayOngletHeader;
		this.displayFooter = displayOngletFooter;

		this.changeOnglet = changeOnglet;
		this.onOngletOver = onOngletOver;
		this.onOngletOut = onOngletOut;
}
	
function addOnglet( og ){
	this.onglets[this.onglets.length] = og;
}
	
function displayOngletHeader(){
	var html = "";
	html += "<TABLE width=" + this.tailleX + " height=" + this.tailleY + " cellspacing=0 cellpadding=0>";
	html += "<TR><TD><TABLE cellpadding=0 cellspacing=0 height=" + this.tailleYOg + " width=100%><TR>";
	for( var i=0; i < this.onglets.length; i++ ){
		//alert("og_" + this.nom + i);
	    html += "<TD width=" + this.tailleXOg + " height=" + this.tailleYOg + " title=\"" + this.onglets[i].libOg + "\" id=ogO" + this.nom + i + " class=" + ((this.initOg == i)?this.clsEna:this.clsDis) + " onclick=\"" + this.nom + ".changeOnglet(this, 'og_" + this.nom + i + "',"+i+")\" onmouseover=\"" + this.nom + ".onOngletOver(this)\" onmouseout=\"" + this.nom + ".onOngletOut(this)\">" + this.onglets[i].titreOg + "</TD>";
	    html += "<TD class=" + this.clsSp + " width=5>&nbsp;</TD>";
	}
	html += "<TD class=" + this.clsSp + ">&nbsp;</TD></TR><TR><TD height=5 colspan=" + (this.onglets.length*2 + 1) + " class=" + this.clsMiddle + ">&nbsp;</TD></TR></TABLE></TD></TR><TR><TD class=" + this.clsMain + " height=" + (this.tailleY - this.tailleYOg)+ ">";
	document.write(html);
}
	
function displayOngletFooter(){
	var html = "";
	html += "</TD></TR></TABLE>";
	document.getElementById("og_" + this.nom + this.initOg).style.display = "";
	this.currentOnglet = document.getElementById("og_" + this.nom + this.initOg);
	this.currentSelOnglet = document.getElementById("ogO" + this.nom + this.initOg);
	document.write(html);
}
	
function OngletItem(titreOg, libOg, tailleOngletX, tailleOngletY ){
	this.titreOg = titreOg;
	this.libOg = libOg;
	this.tailleOngletX=tailleOngletX;
	this.tailleOngletY=tailleOngletY;
}
	
function changeOnglet( srcOg, srcTab,i ){
	//self.resizeTo(this.onglets[i].tailleOngletX,this.onglets[i].tailleOngletY);
	//alert(this.onglets[i].titreOg);
	this.currentSelOnglet.className = this.clsDis;
	this.currentOnglet.style.display = "none";
	this.currentSelOnglet.style.color="";
	this.currentSelOnglet = srcOg;
	//Code de test si on passe par la flèche ou si on clique sur l'onglet
	if (!this.currentSelOnglet.id)
		{
		this.currentSelOnglet = document.getElementById(srcOg);
		}
	this.currentOnglet = document.getElementById(srcTab);
	//alert(this.currentOnglet.id);
	//ongletTextEna
	//alert(this.currentSelOnglet.id);
	this.currentSelOnglet.className = this.clsEna;
	this.currentOnglet.style.display = "";
	}
	
function onOngletOver( srcOg ){
	if( srcOg != this.currentSelOnglet ){
		srcOg.style.cursor = "hand";
		srcOg.style.color = this.colorOver;
	}else{
		srcOg.style.cursor='default';
		srcOg.style.color = "";
	}
}

function onOngletOut( srcOg ){
	srcOg.style.color="";
}


function ongletstyle(){
/* mystyle="<STYLE>";
mystyle +=".clsAction {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}";
mystyle +=".ongletTextEna {BORDER-RIGHT: #EEA000 2px solid; BORDER-TOP: #EEA000 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #EEA000 2px solid; COLOR: #EEA000; BORDER-BOTTOM: medium none; FONT-FAMILY: verdana; BACKGROUND-COLOR: #FCF8ED; TEXT-ALIGN: center}";
mystyle +=".ongletTextDis {BORDER-RIGHT: #EEA000 1px solid; BORDER-TOP: #EEA000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #EEA000 1px solid; COLOR: #EEA000; BORDER-BOTTOM: #EEA000 2px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #FCF8ED; TEXT-ALIGN: center}";
mystyle +=".ongletSpace {BORDER-BOTTOM: #EEA000 2px solid}";
mystyle +=".ongletMiddle {BORDER-RIGHT: #EEA000 2px solid; BORDER-TOP: medium none; FONT-SIZE: 1px; BORDER-LEFT: #EEA000 2px solid; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #FCF8ED}";
mystyle +=".ongletMain {BORDER-RIGHT: #EEA000 2px solid; BORDER-TOP: medium none; BORDER-LEFT: #EEA000 2px solid; BORDER-BOTTOM: #EEA000 2px solid; BACKGROUND-COLOR: #FCF8ED}";
mystyle +=".ongletTextEna2 {BORDER-RIGHT: medium none; BORDER-TOP: #EEA000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 9px; BORDER-LEFT: #EEA000 1px solid; COLOR: #EEA000; BORDER-BOTTOM: #EEA000 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #FCF8ED; TEXT-ALIGN: center}";
mystyle +=".ongletTextDis2 {BORDER-RIGHT: #EEA000 1px solid; BORDER-TOP: #EEA000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 9px; BORDER-LEFT: #EEA000 1px solid; COLOR: #EEA000; BORDER-BOTTOM: #EEA000 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #FCF8ED; TEXT-ALIGN: center}";
mystyle +=".ongletSpace2 {BORDER-RIGHT: #EEA000 1px solid; FONT-SIZE: 1px}";
mystyle +=".ongletMiddle2 {BORDER-RIGHT: medium none; BORDER-TOP: #EEA000 1px solid; FONT-SIZE: 1px; BORDER-LEFT: medium none; BORDER-BOTTOM: #EEA000 1px solid; BACKGROUND-COLOR: #FCF8ED}";
mystyle +=".ongletMain2 {	BORDER-RIGHT: #EEA000 1px solid; BORDER-TOP: #EEA000 1px solid; BORDER-LEFT: medium none; BORDER-BOTTOM: #EEA000 1px solid; BACKGROUND-COLOR: #FCF8ED}";
mystyle +="</STYLE>"; */
mystyle="<STYLE>";
mystyle +=".clsAction {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}";
mystyle +=".ongletTextEna {BORDER-RIGHT: #EEA000 2px solid; BORDER-TOP: #EEA000 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #EEA000 2px solid; COLOR: #EEA000; BORDER-BOTTOM: medium none; FONT-FAMILY: verdana; TEXT-ALIGN: center}"; //zone onglet haut selectionné
mystyle +=".ongletTextDis {BORDER-RIGHT: #EEA000 1px solid; BORDER-TOP: #EEA000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #EEA000 1px solid; COLOR: #EEA000; BORDER-BOTTOM: #EEA000 2px solid; FONT-FAMILY: verdana; TEXT-ALIGN: center}";//Toutes zones onglets hauts
mystyle +=".ongletSpace {BORDER-BOTTOM: #EEA000 2px solid}";
mystyle +=".ongletMiddle {BORDER-RIGHT: #EEA000 2px solid; BORDER-TOP: medium none; FONT-SIZE: 1px; BORDER-LEFT: #EEA000 2px solid; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #FCF8ED}";
mystyle +=".ongletMain {BORDER-RIGHT: #EEA000 2px solid; BORDER-TOP: medium none; BORDER-LEFT: #EEA000 2px solid; BORDER-BOTTOM: #EEA000 2px solid;}";
mystyle +=".ongletTextEna2 {BORDER-RIGHT: medium none; BORDER-TOP: #EEA000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 9px; BORDER-LEFT: #EEA000 1px solid; COLOR: #EEA000; BORDER-BOTTOM: #EEA000 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center}"; //zone contenu onglet
mystyle +=".ongletTextDis2 {BORDER-RIGHT: #EEA000 1px solid; BORDER-TOP: #EEA000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 9px; BORDER-LEFT: #EEA000 1px solid; COLOR: #EEA000; BORDER-BOTTOM: #EEA000 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center}";
mystyle +=".ongletSpace2 {BORDER-RIGHT: #EEA000 1px solid; FONT-SIZE: 1px}";
mystyle +=".ongletMiddle2 {BORDER-RIGHT: medium none; BORDER-TOP: #EEA000 1px solid; FONT-SIZE: 1px; BORDER-LEFT: medium none; BORDER-BOTTOM: #EEA000 1px solid; BACKGROUND-COLOR: #000000}";
mystyle +=".ongletMain2 {	BORDER-RIGHT: #EEA000 1px solid; BORDER-TOP: #EEA000 1px solid; BORDER-LEFT: medium none; BORDER-BOTTOM: #EEA000 1px solid; BACKGROUND-COLOR: #000000}";
mystyle +="</STYLE>";
document.write(mystyle);
}