//constructeur
function MenuOnglet(_idCible)
	{
		spinner.stop(target); //je stop l'annimation de debut

		DOM.ajouterCSS("rubrique_abahanzi", "display" , "block");
		DOM.ajouterCSS("php_abahanzi", "display" , "block");
		//variable d'instance
		var idCible = document.getElementById(_idCible);
		
		
		
		//	propriétés
		this.ongletOuvert;
		
		//variable de classe
		var nbBaliseTr;	
		var ongletActif;
		
		//initialisation
		this.init = function()
			{	
			
			//variables
			ongletActif =this.ongletOuvert;
			
			//récupération de la largeur du menu
			var largeurMenu = DOM.recupererCSS(idCible.id, "width"); //alert(largeurMenu);

			
				DOM.ajouterClasseCSS(idCible.id, "classeMenu");
				
				//ul et table
				var baliseUl =  idCible.getElementsByTagName("ul")[0];
				baliseUl.setAttribute("id", "idUl");
				DOM.ajouterClasseCSS("idUl", "classeUl");
				
				var baliseTable =  idCible.getElementsByTagName("table")[0];
				baliseTable.setAttribute("id", "idTable");
				DOM.ajouterClasseCSS("idTable", "classeTable");
				
				
				//li//a//tr
				var baliseLi =  baliseUl.getElementsByTagName("li"); //alert(baliseLi); >>> tableau
				var baliseA =  baliseUl.getElementsByTagName("a"); // >>> tableau
				
				
				//calcul de la largeur des onglets
				var largeurOnglet = parseInt(largeurMenu) / baliseA.length; 
				//alert(largeurOnglet);
				
				var nbBaliseLi =  baliseLi.length; //alert(nbBaliseLi);
					
				
				for(var i = 0; i < nbBaliseLi; i++)
					{
						baliseLi[i].setAttribute("id", "idLi" + i);
						DOM.ajouterClasseCSS("idLi" + i, "classeLi");
					
						baliseA[i].setAttribute("id", "idA" + i);
						DOM.ajouterClasseCSS("idA" + i, "classeA");
						DOM.ajouterCSS("idA" + i, "width" , largeurOnglet +"px");
						
						
						
						//rajout identifiant pour indice du lien
						baliseA[i].setAttribute("identifiant", i+1);
						
						
						//evenement
						DOM.ajouterEvenement("idA" + i, "mouseover", clickOnglet);
					}
				//balise tr
				var baliseTr =  baliseTable.getElementsByTagName("tr");
					nbBaliseTr =  baliseTr.length; //alert(nbBaliseTr);
				
				for(var i = 0; i < nbBaliseTr; i++)
					{
						baliseTr[i].setAttribute("id", "idTr" + i); //>>> tableau
						DOM.ajouterClasseCSS("idTr" + i, "classeTr");
						
						//rajout identifiant pour indice du lien
						baliseTr[i].setAttribute("identifiant", i+1);
					}
				//afficher l'onglet par défaut >> définie dans l'instanciation
				afficherOnglet(this.ongletOuvert);
			}
				
				
			
		//afficher les onglets
		function afficherOnglet(indiceOnglet)
			{	
				//Tween
				//création de l'interpolation    
				//var interpolationAlpha = new OpacityTween(divContenu, Tween.bounceEaseIn, 100, 0, 2);
				//for(var i = 0; i < nbBaliseTr; i++)
//					{
//					//démarrer l'interpolation
//					//interpolationAlpha.start();	
//				
//					//effacer toutes les onglets souhaiter
//					//DOM.ajouterCSS("idDiv" + i, "display" , "none");
//					}
				//afficher le div par clic
				//DOM.ajouterCSS("idDiv" + (indiceOnglet - 1), "opacity" , "100");
				//alert(indiceOnglet);
				var cible = document.getElementById("idTr" + (indiceOnglet - 1));
				var interpolationOpacite = new OpacityTween(cible, Tween.regularEaseInOut, 0, 100, 1);
				interpolationOpacite.start();
			}
			
		//evenement  clic sur les onglets	
		function clickOnglet(e)
			{
				
				//empecher le clic sur l'onglet déja affiché
				if(ongletActif != DOM.proprietesEvenement(e, "cible").getAttribute("identifiant"))
					{
						//ongletActif = this.ongletOuvert;
						//alert(ongletActif);
						
						//cacher l'onglet actif
						var cibleDestroy = document.getElementById("idTr" + (ongletActif -1));
						var interpolationOpaciteDestroy = new OpacityTween(cibleDestroy, Tween.regularEaseInOut, 100, 0, 1);
						interpolationOpaciteDestroy.start();
						
						//récupération de la propriété identifiant du lien
						var recupIdentifiant = DOM.proprietesEvenement(e, "cible").getAttribute("identifiant");
						//alert(cibleDestroy.getAttribute("identifiant").nodeValue);
						//misa à jour de l'onglet actif
						ongletActif = recupIdentifiant
						//alert(ongletActif);
						//afficher l'onglet
						afficherOnglet(ongletActif);
						
					
						//var cibleDestroy = document.getElementById("idDiv" + indiceOnglet);
					}
			}
			
		
	}