//1) ontoggle($, divobj, state) event that fires each time a DIV is expanded/collapsed, including when the page 1st loads

                        //2) Ability to expand a DIV via a URL parameter string, ie: index.htm?expanddiv=jason or index.htm?expanddiv=jason,kelly

 

                        //1) You can now insert rel="expand[divid] | collapse[divid] | toggle[divid]" inside arbitrary links to act as DIV togglers

                        //2) For image toggler links, you can insert the attributes "data-openimage" and "data-closedimage" to update its image based on the DIV state

 

var animatedcollapse={

divholders: {}, //structure: {div.id, div.attrs, div.$divref, div.$togglerimage}

divgroups: {}, //structure: {groupname.count, groupname.lastactivedivid}

lastactiveingroup: {}, //structure: {lastactivediv.id}

preloadimages: [],

 

show:function(divids){ //public method

        if (typeof divids=="object"){

                for (var i=0; i<divids.length; i++)

                        this.showhide(divids[i], "show")

        }

        else

                this.showhide(divids, "show")

 

hide:function(divids){ //public method

        if (typeof divids=="object"){

                for (var i=0; i<divids.length; i++)

                        this.showhide(divids[i], "hide")

        }

        else

                this.showhide(divids, "hide")

 

toggle:function(divid){ //public method

        if (typeof divid=="object")

                divid=divid[0]

        this.showhide(divid, "toggle")

 

addDiv:function(divid, attrstring){ //public function

        this.divholders[divid]=({id: divid, $divref: null, attrs: attrstring})

        this.divholders[divid].getAttr=function(name){ //assign getAttr() function to each divholder object

                var attr=new RegExp(name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)

                return (attr.test(this.attrs) && parseInt(RegExp.$1)!=0)? RegExp.$1 : null //return value portion (string), or 0 (false) if none found

        }

        this.currentid=divid //keep track of current div object being manipulated (in the event of chaining)

        return this

 

showhide:function(divid, action){

        var $divref=this.divholders[divid].$divref //reference collapsible DIV

        if (this.divholders[divid] && $divref.length==1){ //if DIV exists

                var targetgroup=this.divgroups[$divref.attr('groupname')] //find out which group DIV belongs to (if any)

                if ($divref.attr('groupname') && targetgroup.count>1 && (action=="show" || action=="toggle" && $divref.css('display')=='none')){ //If current DIV belongs to a group

                        if (targetgroup.lastactivedivid && targetgroup.lastactivedivid!=divid) //if last active DIV is set

                                this.slideengine(targetgroup.lastactivedivid, 'hide') //hide last active DIV within group first

                                this.slideengine(divid, 'show')

                        targetgroup.lastactivedivid=divid //remember last active DIV

                }

                else{

                        this.slideengine(divid, action)

                }

        }

 

slideengine:function(divid, action){

        var $divref=this.divholders[divid].$divref

        var $togglerimage=this.divholders[divid].$togglerimage

        if (this.divholders[divid] && $divref.length==1){ //if this DIV exists

                var animateSetting={height: action}

                if ($divref.attr('fade'))

                        animateSetting.opacity=action

                $divref.animate(animateSetting, $divref.attr('speed')? parseInt($divref.attr('speed')) : 500, function(){

                        if ($togglerimage){

                                $togglerimage.attr('src', ($divref.css('display')=="none")? $togglerimage.data('srcs').closed : $togglerimage.data('srcs').open)

                        }

                        if (animatedcollapse.ontoggle){

                                try{

                                        animatedcollapse.ontoggle(jQuery, $divref.get(0), $divref.css('display'))

                                }

                                catch(e){

                                        alert("An error exists inside your \"ontoggle\" function:\n\n"+e+"\n\nAborting execution of function.")

                                }

                        }

                })

                return false

        }

 

generatemap:function(){

        var map={}

        for (var i=0; i<arguments.length; i++){

                if (arguments[i][1]!=null){ //do not generate name/value pair if value is null

                        map[arguments[i][0]]=arguments[i][1]

                }

        }

        return map

 

init:function(){

        var ac=this

        jQuery(document).ready(function($){

                animatedcollapse.ontoggle=animatedcollapse.ontoggle || null

                var urlparamopenids=animatedcollapse.urlparamselect() //Get div ids that should be expanded based on the url (['div1','div2',etc])

                var persistopenids=ac.getCookie('acopendivids') //Get list of div ids that should be expanded due to persistence ('div1,div2,etc')

                var groupswithpersist=ac.getCookie('acgroupswithpersist') //Get list of group names that have 1 or more divs with "persist" attribute defined

                if (persistopenids!=null) //if cookie isn't null (is null if first time page loads, and cookie hasnt been set yet)

                        persistopenids=(persistopenids=='nada')? [] : persistopenids.split(',') //if no divs are persisted, set to empty array, else, array of div ids

                groupswithpersist=(groupswithpersist==null || groupswithpersist=='nada')? [] : groupswithpersist.split(',') //Get list of groups with divs that are persisted

                jQuery.each(ac.divholders, function(){ //loop through each collapsible DIV object

                        this.$divref=$('#'+this.id)

                        if ((this.getAttr('persist') || jQuery.inArray(this.getAttr('group'), groupswithpersist)!=-1) && persistopenids!=null){ //if this div carries a user "persist" setting, or belong to a group with at least one div that does

                                var cssdisplay=(jQuery.inArray(this.id, persistopenids)!=-1)? 'block' : 'none'

                        }

                        else{

                                var cssdisplay=this.getAttr('hide')? 'none' : null

                        }

                        if (urlparamopenids[0]=="all" || jQuery.inArray(this.id, urlparamopenids)!=-1){ //if url parameter string contains the single array element "all", or this div's ID

                                cssdisplay='block' //set div to "block", overriding any other setting

                        }

                        else if (urlparamopenids[0]=="none"){

                                cssdisplay='none' //set div to "none", overriding any other setting

                        }

                        this.$divref.css(ac.generatemap(['height', this.getAttr('height')], ['display', cssdisplay]))

                        this.$divref.attr(ac.generatemap(['groupname', this.getAttr('group')], ['fade', this.getAttr('fade')], ['speed', this.getAttr('speed')]))

                        if (this.getAttr('group')){ //if this DIV has the "group" attr defined

                                var targetgroup=ac.divgroups[this.getAttr('group')] || (ac.divgroups[this.getAttr('group')]={}) //Get settings for this group, or if it no settings exist yet, create blank object to store them in

                                targetgroup.count=(targetgroup.count||0)+1 //count # of DIVs within this group

                                if (jQuery.inArray(this.id, urlparamopenids)!=-1){ //if url parameter string contains this div's ID

                                        targetgroup.lastactivedivid=this.id //remember this DIV as the last "active" DIV (this DIV will be expanded). Overrides other settings

                                        targetgroup.overridepersist=1 //Indicate to override persisted div that would have been expanded

                                }

                                if (!targetgroup.lastactivedivid && this.$divref.css('display')!='none' || cssdisplay=="block" && typeof targetgroup.overridepersist=="undefined") //if this DIV was open by default or should be open due to persistence                                                              

                                        targetgroup.lastactivedivid=this.id //remember this DIV as the last "active" DIV (this DIV will be expanded)

                                this.$divref.css({display:'none'}) //hide any DIV that's part of said group for now

                        }

                }) //end divholders.each

                jQuery.each(ac.divgroups, function(){ //loop through each group

                        if (this.lastactivedivid && urlparamopenids[0]!="none") //show last "active" DIV within each group (one that should be expanded), unless url param="none"

                                ac.divholders[this.lastactivedivid].$divref.show()

                })

                if (animatedcollapse.ontoggle){

                        jQuery.each(ac.divholders, function(){ //loop through each collapsible DIV object and fire ontoggle event

                                animatedcollapse.ontoggle(jQuery, this.$divref.get(0), this.$divref.css('display'))

                        })

                }

                //Parse page for links containing rel attribute

                var $allcontrols=$('a[rel]').filter('[rel^="collapse["], [rel^="expand["], [rel^="toggle["]') //get all elements on page with rel="collapse[]", "expand[]" and "toggle[]"

                $allcontrols.each(function(){ //loop though each control link

                        this._divids=this.getAttribute('rel').replace(/(^\w+)|(\s+)/g, "").replace(/[\[\]']/g, "") //cache value 'div1,div2,etc' within identifier[div1,div2,etc]

                        if (this.getElementsByTagName('img').length==1 && ac.divholders[this._divids]){ //if control is an image link that toggles a single DIV (must be one to one to update status image)

                                animatedcollapse.preloadimage(this.getAttribute('data-openimage'), this.getAttribute('data-closedimage')) //preload control images (if defined)

                                $togglerimage=$(this).find('img').eq(0).data('srcs', {open:this.getAttribute('data-openimage'), closed:this.getAttribute('data-closedimage')}) //remember open and closed images' paths

                                ac.divholders[this._divids].$togglerimage=$(this).find('img').eq(0) //save reference to toggler image (to be updated inside slideengine()

                                ac.divholders[this._divids].$togglerimage.attr('src', (ac.divholders[this._divids].$divref.css('display')=="none")? $togglerimage.data('srcs').closed : $togglerimage.data('srcs').open)

                        }

                        $(this).click(function(){ //assign click behavior to each control link

                                var relattr=this.getAttribute('rel')

                                var divids=(this._divids=="")? [] : this._divids.split(',') //convert 'div1,div2,etc' to array

                                if (divids.length>0){

                                        animatedcollapse[/expand/i.test(relattr)? 'show' : /collapse/i.test(relattr)? 'hide' : 'toggle'](divids) //call corresponding public function

                                        return false

                                }

                        }) //end control.click

                })// end control.each

 

                $(window).bind('unload', function(){

                        ac.uninit()

                })

        }) //end doc.ready()

 

uninit:function(){

        var opendivids='', groupswithpersist=''

        jQuery.each(this.divholders, function(){

                if (this.$divref.css('display')!='none'){

                        opendivids+=this.id+',' //store ids of DIVs that are expanded when page unloads: 'div1,div2,etc'

                }

                if (this.getAttr('group') && this.getAttr('persist'))

                        groupswithpersist+=this.getAttr('group')+',' //store groups with which at least one DIV has persistance enabled: 'group1,group2,etc'

        })

        opendivids=(opendivids=='')? 'nada' : opendivids.replace(/,$/, '')

        groupswithpersist=(groupswithpersist=='')? 'nada' : groupswithpersist.replace(/,$/, '')

        this.setCookie('acopendivids', opendivids)

        this.setCookie('acgroupswithpersist', groupswithpersist)

 

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 null

 

setCookie:function(name, value, days){

        if (typeof days!="undefined"){ //if set persistent cookie

                var expireDate = new Date()

                expireDate.setDate(expireDate.getDate()+days)

                document.cookie = name+"="+value+"; path=/; expires="+expireDate.toGMTString()

        }

        else //else if this is a session only cookie

                document.cookie = name+"="+value+"; path=/"

 

urlparamselect:function(){

        window.location.search.match(/expanddiv=([\w\-_,]+)/i) //search for expanddiv=divid or divid1,divid2,etc

        return (RegExp.$1!="")? RegExp.$1.split(",") : []

 

preloadimage:function(){

        var preloadimages=this.preloadimages

        for (var i=0; i<arguments.length; i++){

                if (arguments[i] && arguments[i].length>0){

                        preloadimages[preloadimages.length]=new Image()

                        preloadimages[preloadimages.length-1].src=arguments[i]

                }

        }