//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)

var pageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "")
function animatedcollapse(divId, time, expand, initstate){
	this.divId=divId
	this.divObj=document.getElementById(divId)
	this.divObj.style.overflow="hidden"
	this.timelength=time
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(pageid+"-"+divId)
	this.ctnheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.ctnheight)){ 
		animatedcollapse.dotask(window, function(){thisobj._getheight(expand)}, "load")
		if (!expand && this.initstate=="contract" || expand && this.isExpanded!="yes" && this.isExpanded!="")
			this.divObj.style.visibility="hidden"
	}
	else if (!expand && this.initstate=="contract" || expand && this.isExpanded!="yes" && this.isExpanded!="")
		this.divObj.style.height=0
	if (expand)
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(pageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}
animatedcollapse.prototype._getheight=function(expand){
	this.ctnheight=this.divObj.offsetHeight
	if (!expand && this.initstate=="contract" || expand && this.isExpanded!="yes"){
		this.divObj.style.height=0
		this.divObj.style.visibility="visible"
	}
	else this.divObj.style.height=this.ctnheight+"px"
}
animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime
	var thisobj=this
	if (elapsed<this.timelength){
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
		this.divObj.style.height=distancepercent * this.ctnheight +"px"
		this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
	}
	else{
		this.divObj.style.height=(direction=="down")? this.ctnheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no"
		this.runtimer=null
	}
}
animatedcollapse.prototype.slidedown=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){
		if (parseInt(this.divObj.style.height)==0){
			this.startTime=new Date().getTime()
			this._slideengine("down");}
	}
}
animatedcollapse.prototype.slideup=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){
		if (parseInt(this.divObj.style.height)==this.ctnheight){
			this.startTime=new Date().getTime()
			this._slideengine("up")}
	}
}
animatedcollapse.curveincrement=function(percent){ return (1-Math.cos(percent*Math.PI)) / 2 }
animatedcollapse.dotask=function(target, functionref, tasktype){
	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");
	if (document.cookie.match(re)) return document.cookie.match(re)[0].split("=")[1]
	return ""
}
animatedcollapse.setCookie=function(name, value){document.cookie = name+"="+value}