/***********************************************
* Animated Collapsible DIV- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated June 27th, 07'. Added ability for a DIV to be initially expanded.

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

// BOF.2007.08.27.MS: Add internal collection of objects
animatedcollapse.prototype.colItems = [];
animatedcollapse.prototype.curItem  = 0;
// EOF.2007.08.27.MS: Add internal collection of objects

animatedcollapse.prototype.vorigeKeuze = null;
animatedcollapse.prototype.huidigeKeuze = null;
animatedcollapse.prototype.busy = false;

function animatedcollapse(divId, animatetime, persistexpand, initstate)
{
    // BOF.2007.08.27.MS: Add internal collection of objects
	var col = animatedcollapse.prototype.colItems;
    // EOF.2007.08.27.MS: Add internal collection of objects

	this.divId=divId
	this.divObj=document.getElementById(divId)
	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
	    }
	}
	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=1 //just collapse content if CSS "height" attribute available
	}
	if (persistexpand)
	{
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
	}
		
    // BOF.2007.08.27.MS: Add internal collection of objects
	this.index = col.length;
    col[this.index] = this;    		
    // EOF.2007.08.27.MS: Add internal collection of objects
}

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=1 //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
		this.divObj.style.height=this.contentheight+"px"
}



function setIcon(strId, strIcon)
{
	var elm = document.getElementById(strId)
	if (elm)
	{
		elm.src = strIcon;
	}
}

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)
	    
	    var h = distancepercent * this.contentheight; // + 1;
	
		var o = animatedcollapse.prototype.vorigeKeuze;
		var n = animatedcollapse.prototype.huidigeKeuze;
		if(direction == "up")
		{
			if( o == null)
			{
				o = this
			}
			if (n)
			{
				if( h + n.divObj.style.height < this.contentheight)
				{
					n.divObj.style.height = n.divObj.style.height + 1
				}
			}
			
		}
		if(direction == "down")
		{
			if( n == null)
			{
				n = this
			}
			
			
			if (o)
			{
				if( h + o.divObj.style.height < this.contentheight)
				{
					h = h + 1
				}
			}
			
			var dif = this.contentheight - h;
			
			h += (dif <= 2) ? dif : 2;
		}
	    this.divObj.style.height= ((h < 1.0 ) ? 1.0 : h ) + "px"
	    
	    this.runtimer = setTimeout(function(){thisobj._slideengine(direction)}, 10)
	    
        animatedcollapse.prototype.busy = true;
	}
	else
	{ 
	    //if animation finished
		this.divObj.style.height=(direction=="down")? this.contentheight + "px" : 1
		this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
		this.runtimer=null
		o = null;
{
//window.status = this.maxim;
}	
        animatedcollapse.prototype.busy = false;
	}
}
animatedcollapse.prototype.slidedown=function()
{
	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("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==1)
		{ //if content is collapsed
			this.startTime=new Date().getTime() //Set animation start time
			this._slideengine("down")
		}
	}
}
animatedcollapse.prototype.slideup=function()
{
	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("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
			this.startTime=new Date().getTime()
			setIcon("" + this.divObj.id + "icon", "_Layouts/Images/BDO/Internet/newscollapse/right.gif")
			this._slideengine("up")
		}
	}
}
animatedcollapse.prototype.slideit=function()
{
	if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		alert("Please wait until document has fully loaded then click again")
	else if (parseInt(this.divObj.style.height)==1)
		this.slidedown()
	else if (parseInt(this.divObj.style.height)==this.contentheight)
		this.slideup()
}

animatedcollapse.prototype.exchangeopen=function()
{
    if (animatedcollapse.prototype.busy)
    {
        return;
    }
    
	if (!this.runtimer)
	{   //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		{
			alert("Please wait until document has fully loaded then click again")
		}
		else if (parseInt(this.divObj.style.height)==1)
		{   //if content is collapsed
			this.startTime=new Date().getTime() //Set animation start time
			this.collapseAll()
			setIcon("" + this.divObj.id + "icon", "_Layouts/Images/BDO/Internet/newscollapse/down.gif")
			
			// BOF.2007.08.27.MS: Add internal collection of objects
            animatedcollapse.prototype.curItem = this.index;
            // EOF.2007.08.27.MS: Add internal collection of objects
			this._slideengine("down")
		}
	}
}

animatedcollapse.prototype.collapseAll = function()
{
	var col = animatedcollapse.prototype.colItems;
    if (col.length)
    {
        var obj = col[animatedcollapse.prototype.curItem];
        if (typeof(obj.slideup) == "function")
        {
            obj.slideup();
        }
    }
}


// -------------------------------------------------------------------
// 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 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
    }
}