var onglet = function(){
	this.styleSelected = "";
	this.listeOnglets = new Array();
	this.isSelected = "";
}


onglet.prototype.addOnglet = function(tagName, elementsTagName){
   this.listeOnglets[tagName] = elementsTagName;
}

onglet.prototype.setClass = function(className){
   this.styleSelected = className;
}


onglet.prototype.instancie = function(tagName){
    this.isSelected = tagName;
	document.getElementById(this.isSelected).className = this.styleSelected;
	//Element.addClassName(this.isSelected,this.styleSelected);
		
	//on affiche tout les elements selectionné
	for (var j=0 ; j < this.listeOnglets[tagName].length ; j++)
	{
		document.getElementById(this.listeOnglets[tagName][j]).style.display = '';
	}

}


onglet.prototype.switchOnglet = function(tagName){
    //on enleve la couleur sur l'onglet anterieur
	document.getElementById(this.isSelected).className = '';	
	//Element.removeClassName(this.isSelected,this.styleSelected);
		
	//on ajoute la couleur sur la nouvel onglet
	document.getElementById(tagName).className = this.styleSelected;
	//Element.addClassName($(tagName),this.styleSelected);
		
	//On cache tout les elements de l'onglet anterieur
	for (var i=0 ; i < this.listeOnglets[this.isSelected].length ; i++)
	{
		document.getElementById(this.listeOnglets[this.isSelected][i]).style.display = 'none';
	}
		
	//on affiche tout les elements de l'onglet selectionnee
	for (var j=0 ; j < this.listeOnglets[tagName].length ; j++)
	{
		document.getElementById(this.listeOnglets[tagName][j]).style.display = '';
	}
		
	//on remplace l'onglet qui est selectionnee par le nouveau
	this.isSelected = tagName;
}