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

function animatedcollapse(divId, animatetime, persistexpand, initstate){
    this.divId=divId
    this.divObj=document.getElementById(divId)
    this.divObj.style.overflow="hidden"
    this.timelength=animatetime
    this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "none"
    this.isExpanded=this.getCookie(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=="none" || 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.display="none" //hide content (versus collapse) until we can get its height
    }else if (!persistexpand && this.initstate=="none" || 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.display="none";
        this.divObj.style.height="1px"; //just collapse content if CSS "height" attribute available
    }
    if (persistexpand) animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}

animatedcollapse.prototype._getheight=function(persistexpand){
    this.contentheight=this.divObj.offsetHeight
    if (!persistexpand && this.initstate=="none" || 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= "1px"//collapse content
        this.divObj.style.display="none";
    }
    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.display="block";
        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)
        if(distancepercent * this.contentheight>0){
            this.divObj.style.height=distancepercent * this.contentheight +"px"
        }else{
            this.divObj.style.height="1px";
        }
        this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
    }else{ //if animation finished
        this.divObj.style.height=(direction=="down")? this.contentheight+"px" : "1px"
        this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
        if(this.isExpanded=="no") this.divObj.style.display="none";
        this.runtimer=null
    }
}

animatedcollapse.prototype.close=function(){
    this.divObj.style.display="none";
    this.divObj.style.height= "1px"
    this.isExpanded= "no" //remember whether content is expanded or not
    this.runtimer=null
}
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.divObj.style.display="block";
            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()
            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();
    }
        
}

// -------------------------------------------------------------------
// 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.prototype.getCookie=function(Name){ 
    Name=uniquepageid+"-"+Name;
    var acd = subcookiejar.fetch ('acollapsediv');
    if(acd) return acd[Name];
    return;

    
    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 value=="undefined") value='no';
    if (typeof days=="undefined") days=30;
    
    var acd= new Object()
    acd[name]=value;

    //var acd={name:value};

    subcookiejar.bake ("acollapsediv", acd, days);
    
    return;

    

    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
}


var cookiejar = {
    /* set a cookie */
    bake: function(cookieName,cookieValue,days,path) {
        var expires='';
        if (days) {
            var date = new Date();
            date.setTime(date.getTime()+(days*24*60*60*1000));
            expires = "; expires="+date.toGMTString();
        }
        var thePath = '; path=/';
        if (path) {
            thePath = '; path=' + path;
        }
        document.cookie = cookieName+'='+escape(cookieValue)+expires+thePath;
        //alert(expires+thePath);
        return true;
    },
    /* get a cookie value */
    fetch: function(cookieName) {
        var nameEQ = cookieName + '=';
        var ca = document.cookie.split(';');
        for (var i=0; i<ca.length; i++)    {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1, c.length);
            }
            if (c.indexOf(nameEQ) == 0) {
                return unescape(c.substring(nameEQ.length, c.length));
            }
        }
        return null;
    },
    /* delete a cookie */
    crumble: function(cookieName) {
        return cookiejar.bake(cookieName,'',-1);
    }
};

/* circumventing browser restrictions on the number of cookies one can use */
var subcookiejar = {
    nameValueSeparator: '$$:$$',
    subcookieSeparator: '$$/$$',
    /* set a cookie. subcookieObj is a collection of cookies to be. Every member of subcookieObj is the name of the cookie, its value
     * the cookie value
     */
    bake: function(cookieName,subcookieObj,days,path) {
        var existingCookie;
        /* check for existing cookie */
        if (existingCookie = subcookiejar.fetch (cookieName)) {
            /* if a cookie by the same name is found, 
             * append its values to the subcookieObj.
             */
            for (var i in existingCookie) {
                if (!(i in subcookieObj)) {
                    subcookieObj[i] = existingCookie[i];
                }
            }
        }
        var cookieValue = '';
        for (var i in subcookieObj)    {
            cookieValue += i + subcookiejar.nameValueSeparator;
            cookieValue += subcookieObj[i];
            cookieValue += subcookiejar.subcookieSeparator;
        }
        /* remove trailing subcookieSeparator */
        cookieValue = cookieValue.substring(0,cookieValue.length-subcookiejar.subcookieSeparator.length);
        return cookiejar.bake(cookieName,cookieValue,days,path);
    },
    /* get a subcookie */
    fetch: function(cookieName,subcookieName) {
        var cookieValue = cookiejar.fetch(cookieName);
        /* proceed only if a cookie was found */
        if (!cookieValue) {
            return null;
        }
        var subcookies = cookieValue.split(subcookiejar.subcookieSeparator);
        var cookieObj = {};
        for (var i=0,sclen=subcookies.length; i<sclen; i++)    {
            var sc = subcookies[i].split(subcookiejar.nameValueSeparator);
            cookieObj [sc[0]] = sc[1];
        }
        /* if subcookieName is given, return that subcookie if available, or null.
         * else, return the entire cookie as an object literal
         */
        if (subcookieName != undefined) {
            if (subcookieName in cookieObj) {
                return cookieObj[subcookieName];
            }
            return null;
        }
        return cookieObj;
    },
    /* delete a subcookie */
    crumble: function(cookieName,subcookieName,days,path) {
        var cookieValue = cookiejar.fetch(cookieName);
        if (!cookieValue) {
            return false;
        }
        var newCookieObj = {};
        var subcookies = cookieValue.split(subcookiejar.subcookieSeparator);
        for (var i=0, sclen=subcookies.length; i<sclen; i++)    {
            var sc = subcookies[i].split(subcookiejar.nameValueSeparator);
            if (sc[0] != subcookieName) {
                newCookieObj[sc[0]] = sc[1];
            }
        }
        return subcookiejar.bake(cookieName,newCookieObj,days,path);
    }
};