var uniquepageid="gouvMenu";
//var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature
var currentDiv = null;

function animatedcollapse(divId, animatetime, persistexpand, initstate){
	if(!animatedcollapse.ar)
		animatedcollapse.ar=[];
	animatedcollapse.ar[animatedcollapse.ar.length]=this;
	this.divId=divId;
	this.divObj=document.getElementById(divId)	
	this.t_c=(this.trigger=document.getElementById(divId+'0')||null)&&(this.closer=document.getElementById(divId+'1')||null);
	if(this.t_c&&!persistexpand) {
		this.trigger.style.display=initstate&&initstate=='block'? 'none' : '';
		this.closer.style.display=initstate&&initstate=='block'? '' : 'none';
		}
	this.divObj.style.overflow="hidden"
	this.timelength=animatetime
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
	this.contentheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
		animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
		if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
			this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
			if(this.t_c)
				this.trigger.style.display='',this.closer.style.display='none';
		}
	}
	else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //just collapse content if CSS "height" attribute available		
			if(this.t_c)
				this.trigger.style.display='',this.closer.style.display='none';
		}
	if (persistexpand){
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
			if(this.t_c)
				this.trigger.style.display=this.isExpanded=='yes'? 'none' : '',this.closer.style.display=this.isExpanded=='yes'? '' : 'none';
		}
}


animatedcollapse.prototype._getheight=function(persistexpand){
	this.contentheight=this.divObj.offsetHeight
	if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //collapse content
		this.divObj.style.visibility="visible"
	}
	else { //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
		changeclass(this.classId);
		this.divObj.style.height=this.contentheight+"px"
	}
}


animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime //get time animation has run
	var thisobj=this
	if (elapsed < this.timelength) { //if time run is less than specified length
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength);
		this.divObj.style.height=distancepercent * this.contentheight +"px";
		this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10);
	}
	else{ //if animation finished
		this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
		this.runtimer=null
	}
}


animatedcollapse.prototype.slidedown=function(id){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("S.V.P. Attendez que la page soit complètement chargée et recommencez.");
		else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
			changeclass(id);
			this.startTime=new Date().getTime(); //Set animation start time
			this._slideengine("down");

			if (currentDiv != null && currentDiv != '') {
				currentDiv.slideup();
			}
			currentDiv = this;
			
			

		}
	}
}

animatedcollapse.prototype.slideup=function(id){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("S.V.P. Attendez que la page soit complètement chargée et recommencez.")
		else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
			if (typeof id != 'undefined') {
				// Si l'on a cliqué sur un autre menu que le menu courant
				changeclass(id);
			} else {
				// Si l'on a cliqué sur le menu courant
				changeclass(id);
				
			}
			this.startTime=new Date().getTime()
			this._slideengine("up")
			currentMenu = null;
		}
	}
}

animatedcollapse.prototype.slideit=function(id){
	if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		alert("S.V.P. Attendez que la page soit complètement chargée et recommencez.")
	else if (parseInt(this.divObj.style.height)==0){
		this.slidedown(id);
		
	} else if (parseInt(this.divObj.style.height)==this.contentheight) {
		this.slideup(id);
	}
}

// -------------------------------------------------------------------
// A few utility functions below:
// -------------------------------------------------------------------

animatedcollapse.curveincrement=function(percent){
	return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}


animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
}

animatedcollapse.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

animatedcollapse.setCookie=function(name, value, days){
	if (typeof closeAllMenus != "undefined" && closeAllMenus == 'yes') {
		document.cookie = name+"=no";
	} else {
		if (typeof days!="undefined"){ //if set persistent cookie
			var expireDate = new Date()
			var expstring=expireDate.setDate(expireDate.getDate()+days)
			document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()
		}
		else { //else if this is a session only cookie
			document.cookie = name+"="+value
		}
	}

}

function changeclass(id) {
    if (id != null){
		var NAME = document.getElementById(id)
		
		if (NAME.className == 'menuItem') {
			NAME.className="menuItem";
		} else {
			NAME.className="menuItem";
		}
    }
}

function selectElement(elementId){
	document.cookie = "gouvMenuElement=" + elementId;
}

function selectGroup(){
	var selectedElement = animatedcollapse.getCookie("gouvMenuElement");
	if (selectedElement != null && selectedElement != "") {
		document.getElementById(selectedElement).className="";
	}
	document.cookie = "gouvMenuElement=";
}