// JavaScript Document



function Accordeon(){
	var thisAccordeon; 			// Cet objet même
	var activDiv; 				// La div du li actif  
	var accordeonId = "";		// Id de la liste
	var tabEntree = Array();	// tableaux des li de l'accordeon
	var timer1 = 0;				// identifiant de timer	
}

Accordeon.prototype.openDiv =function(){
	
	myBloc = thisAccordeon.tabEntree[thisAccordeon.activDiv].getElementsByTagName("div")[0];
	myBloc.style.display = "block";
	if(myBloc.offsetHeight >= myBloc.heightTotal){
		myBloc.offsetHeight = myBloc.heightTotal;
		return;
	}else{
		// Valeur d'offset
		ofDif = Math.ceil((thisAccordeon.tabEntree[thisAccordeon.activDiv].heightTotal - myBloc.offsetHeight)/3) +10;
		myBloc.style.height = (myBloc.offsetHeight + ofDif)+"px";
		timer1 = setTimeout(thisAccordeon.openDiv, 300);
	}
}

Accordeon.prototype.closeAllDiv = function(){
	for(i = 0; i < thisAccordeon.tabEntree.length; i++){
		if(thisAccordeon.tabEntree[i].getElementsByTagName("div")[0] && thisAccordeon.tabEntree[i].id != thisAccordeon.activDiv){
			thisAccordeon.tabEntree[i].getElementsByTagName("div")[0].style.height = "0";
			thisAccordeon.tabEntree[i].getElementsByTagName("div")[0].style.overflow = "hidden";
		}
	}
}

Accordeon.prototype.init = function(){
	
	thisAccordeon = this;
	this.activDiv = 1;
	this.tabEntree = document.getElementById(thisAccordeon.accordeonId).getElementsByTagName("li");
	
	for(i = 0; i < this.tabEntree.length; i++){
		this.tabEntree[i].id = i;
		if(this.tabEntree[i].getElementsByTagName("div")[0]){
			
			this.tabEntree[i].heightTotal = this.tabEntree[i].getElementsByTagName("div")[0].offsetHeight;
			this.tabEntree[i].getElementsByTagName("a")[0].onmouseup = function(){

				thisAccordeon.activDiv = this.parentNode.id;
				thisAccordeon.closeAllDiv();
				thisAccordeon.openDiv();
				
			}
		
		}
		
	}

	// Fermer les div
	thisAccordeon.closeAllDiv();
	// Sauf la première
	thisAccordeon.openDiv();
}