//constructeur(_variable d'instance) (variable d'instance : "divMenu" dans la page HTML)
function MenuOnglet(_idCible)
	{
		//variables d'instance
		var idCible = document.getElementById(_idCible);
		//alert(idCible); object HTMLdivElement
		
		//variable globale
		var divContenu;
		
		//variable de classe
		var nbDivContenu;
		var ongletActif;
		
		//propriété
		this.OngletOuvert;
		
		this.init = function()
			{
				//alert(this.OngletOuvert);
				
				//variables
				ongletActif = this.OngletOuvert;
				//alert(ongletActif);
				
				//récupération de la largeur du menu
				var largeurMenu = DOM.recupererCSS(idCible.id, "width");
				//alert(largeurMenu);
				
				//application des class
				//menu
				DOM.ajouterClasseCSS(idCible.id, "classMenu");
				
				//ul
				var baliseUL = idCible.getElementsByTagName("ul")[0];
				baliseUL.setAttribute("id", "idUL");
				DOM.ajouterClasseCSS("idUL", "menuUL");
				
				//li
				var baliseLI = baliseUL.getElementsByTagName("li");
				var nbBaliseLI = baliseLI.length;
				//alert(nbBaliseLI);
				
				//a
				var baliseA = baliseUL.getElementsByTagName("a");
				
				//clacul de la largeur des onglets
				var largeurOnglet = parseInt(largeurMenu) / baliseA.length;
				//alert(largeurOnglet);

					for (var i =0; i<nbBaliseLI; i++)
						{
							//li
							baliseLI[i].setAttribute("id", "idLI" + i);
							DOM.ajouterClasseCSS("idLI" + i, "menuLI");
							
							//a
							baliseA[i].setAttribute("id", "idA" + i);
							DOM.ajouterClasseCSS("idA" + i, "menuA");
							
							//ajouter
							DOM.ajouterCSS("idA" + i, "width", largeurOnglet +  "px");


							//indice du lien
							baliseA[i].setAttribute("identifiant", i + 1);
							
							//événement
							DOM.ajouterEvenement("idA" + i , "click", clicOnglet);						
						}
				
				//div contenu
				/*divContenu = idCible.getElementsByTagName("div");
				nbDivContenu = divContenu.length;
					
					for (var i =0; i<nbDivContenu; i++)
					{
						//li
						divContenu[i].setAttribute("id", "idDIV" + i);
						DOM.ajouterClasseCSS("idDIV" + i, "classDIV");
					}*/
				
				//afficher l'onglet par défaut
				afficherOnglet(this.OngletOuvert);	
			}

		//afficher onglet
		function afficherOnglet(indiceOnglet)
			{
				//var changerOpaciteTexte = new OpacityTween(divContenu[indiceOnglet-1], Tween.regularEaseIn, 0, 100, 1);
				//changerOpaciteTexte.start();
			}
			
		//clic sur les onglets	
		function clicOnglet(e)
			{
				//empêcher le clic sur l'onglet déjà affiché
				if(ongletActif != DOM.proprietesEvenement(e, "cible").getAttribute("identifiant"))
				{
					//cacher l'onglet actif
					/*var changerOpaciteTexte = new OpacityTween(divContenu[ongletActif-1], Tween.regularEaseIn, 100, 0, 1);
					changerOpaciteTexte.start();*/

					//récupération de la propriété identifiant du lien
					var recupIdentifiant = DOM.proprietesEvenement(e, "cible").getAttribute("identifiant");
					
					//mise à jour de l'onglet actif
					ongletActif = recupIdentifiant;

					//afficher l'onglet
					afficherOnglet(recupIdentifiant);
				}
			}
	}