/*------------------------------------------------- MooX ---------------------------------------------------*/
MooX_2 = Class.create();
MooX_2.prototype = {
	   initialize: function(id_bloc_impression, id_bloc_fixe) {
			this.nb_elements_ouverts = 0;
			this.element_ouvert = null;
			this.elements = new Array;
			this.anim=false;
			this.bloc_impression  = $(id_bloc_impression)
			this.bloc_fixe = $(id_bloc_fixe)  // element contenant tous les conteneurs
			this.taille_max_bloc_fixe = 0;
	   },
	  add:function(element) {
			this.elements.push(element);
			
			//fixe taille bloc fixe pour eviter que le scroll remonte
			/*if(element.taille_h > this.taille_max_bloc_fixe){this.taille_max_bloc_fixe = element.taille_h; Element.setStyle(this.bloc_fixe,{height:ppx(this.taille_max_bloc_fixe)});}*/
			
			if(element.etat_initial)
			{
				this.nb_elements_ouverts++;
				if(this.nb_elements_ouverts>1){alert("Pour l'initialisation du script, il ne doit y avoir qu'un seul conteneur d'ouvert au maximum")}
				this.element_ouvert = element;
			}			
	   },
	   impression: function() {
		   var rendu = '';
		   this.elements.each(function(element){
			rendu +='<div class="selecteur"><div>'+element.lien.innerHTML+'</div></div>'
			rendu +='<div class="conteneur">'+element.conteneur.innerHTML+'</div>'
			});
		   this.bloc_impression.innerHTML = rendu;
	   }

	};
/*------------------------------------------------- /MooX ---------------------------------------------------*/
/*------------------------------------------------- MooXElement ---------------------------------------------------*/
MooXElement_2 = Class.create();
MooXElement_2.prototype = {
	   initialize: function(id_lien,id_conteneur,gestionnaire) {
			this.lien = $(id_lien);
			this.conteneur = $(id_conteneur);
			this.gestionnaire = $(gestionnaire);
			//Element.fixeElement(this.conteneur);
			this.taille_h = Element.getHeight(this.conteneur)
			if(!Element.hasClassName(this.conteneur,"ouvert"))
			{
				Element.setStyle(this.conteneur,{display:'none'});
			}
			this.etat_initial = Element.hasClassName(this.conteneur,"ouvert") ? true : false;// true ouvert, false ferme
			this.lien.onclick = this.onclick.bindAsEventListener(this);
	   },
	  onclick: function(evt) {
		if(!this.gestionnaire.anim)
		 {
			 if(this.etat_initial)
			 {
				if(this.gestionnaire.element_ouvert != this){this.ferme()}
			}
			 else
			 {
				 this.ouvre()
			}
		 }
	   },
	   ouvre: function() {
		 Element.addClassName(this.lien.parentNode,"on")
		/* if(!browser.isIE55)
		 {
		 Effect.BlindDown(this.conteneur,{gestionnaire:this.gestionnaire, duration:0.5, beforeStart:function() {this.gestionnaire.anim=true;}, afterFinish:function(){this.gestionnaire.anim=false;}});
		 }
		 else
		 {*/
			 Element.setStyle(this.conteneur,{display:'block'});
			 	$$(".vignette a").each(function(vignette){
		new Vignette(vignette)
	});

		 //}
		  if(this.gestionnaire.element_ouvert != null &&  this.gestionnaire.element_ouvert != this){this.gestionnaire.element_ouvert.ferme()}
		  this.etat_initial = true;
		  this.gestionnaire.element_ouvert = this;
		  
	   },
	   ferme: function() {
			Element.removeClassName(this.lien.parentNode,"on")
			/*if(!browser.isIE55)
			{
				Effect.BlindUp(this.conteneur,{gestionnaire:this.gestionnaire, duration:0.5, beforeStart:function() {this.gestionnaire.anim=true;}, afterFinish:function(){this.gestionnaire.anim=false}});
			}
			else
			{*/
				Element.setStyle(this.conteneur,{display:'none'});
			//}
			this.etat_initial = false;
	   }
	};
/*------------------------------------------------- /MooXElement ---------------------------------------------------*/