//** Animated Collapsible DIV v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 24th, 08'- Script rewritten and updated to 2.0.
//** June 4th, 08'- Version 2.01: Bug fix to work with jquery 1.2.6 (which changed the way attr() behaves).
//** March 5th, 09'- Version 2.2, which adds the following:
      //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

//** March 9th, 09'- Version 2.2.1: Optimized ontoggle event handler slightly.

var animatedcollapse={
divholders: {}, //structure: {div.id, div.attrs, div.$divref}
divgroups: {}, //structure: {groupname.count, groupname.lastactivedivid}
statusholders: {}, //structure: {[statuselement.id, stype, [opensrc, closedsrc]], $target}
lastactiveingroup: {}, //structure: {lastactivediv.id}

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
      /*IE6 SELECT BOX 버그*/      
      if(navigator.appName.indexOf("Microsoft") > -1 ) {
        if(navigator.appVersion.indexOf("MSIE 6") > -1) {
          $("select").css("visibility","hidden");
        }
      }
      /**/
    } 
    else{
      this.slideengine(divid, action)
      /*IE6 SELECT BOX 버그*/
      if(navigator.appName.indexOf("Microsoft") > -1 ) {
        if(navigator.appVersion.indexOf("MSIE 6") > -1) {
          $("select").css("visibility","visible");
        }
      }
      /**/
    }
  }
},

slideengine:function(divid, action){
  var $divref=this.divholders[divid].$divref
  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 (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'))
      })
    }
/* //reserved for future implementation
    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]
      $(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(",") : []
}

}