//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com) //Last updated Aug 1st, 07'. Fixed bug with "block" parameter not working when persist is enabled //Updated June 27th, 07'. Added ability for a DIV to be initially expanded. /******************** This goes in the directly after the div ********************* ******************************************************************************************/ //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 toggle(divId){ var persistexpand=true // var initstate="block" this.divId=divId this.divObj=document.getElementById(divId) this.divToggle=document.getElementById(divId.replace(/Toggle/, "Heading")) this.divObj.style.overflow="hidden" this.timelength=0 // this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract" this.initstate="block" // this.isExpanded=toggle.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value this.isExpanded=toggle.getCookie(divId) //"yes" or "no", based on cookie value if (this.isExpanded=="") this.isExpanded="yes" 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 toggle.dotask(window, function(){thisobj._getheight(persistexpand)}, "load") if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //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" && this.isExpanded!="") //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 (persistexpand){ // toggle.dotask(window, function(){toggle.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload") toggle.dotask(window, function(){toggle.setCookie(thisobj.divId, thisobj.isExpanded)}, "unload") if (this.isExpanded=="yes") this.divToggle.style.background="#3E5F7F url(http://wealthadvisorconnect.com/templates/MorpheusX/images/sblue/arrow_open.gif) no-repeat center right" else this.divToggle.style.background="#3E5F7F url(http://wealthadvisorconnect.com/templates/MorpheusX/images/sblue/arrow_closed.gif) no-repeat center right" } else{ if (this.initstate=="block") this.divToggle.setAttribute('src',"http://wealthadvisorconnect.com/templates/MorpheusX/images/sblue/arrow_open.gif"); else this.divToggle.setAttribute('src',"http://wealthadvisorconnect.com/templates/MorpheusX/images/sblue/arrow_closed.gif"); } } toggle.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 this.divObj.style.height=this.contentheight+"px" } toggle.prototype._slideengine=function(direction){ var elapsed=new Date().getTime()-this.startTime //get time animation has run var thisobj=this if (elapsed