/*
  YUIDomCollapse fancy add-on by Christian Heilmann
  Version 1.0 / May 2007
  License: http://creativecommons.org/licenses/by/3.0/
  Homepage: http://onlinetools.org/tools/yuidomcollapse/
*/
// make sure the main script is available
if(YAHOO && YAHOO.otorg && YAHOO.otorg.DomCollapse && YAHOO.util && YAHOO.util.Anim){
  // override toggle()
  YAHOO.otorg.DomCollapse.toggle = function(e){
    // shortcut to CSS object
    var css = YAHOO.otorg.DomCollapse.css;
    // get the trigger element, which is the one clicked on if it has
    // the trigger class
    var parent = YAHOO.util.Dom.hasClass(this,css.triggerClass) ? this : this.parentNode;
    // retrieve the ID from the href attribute and make sure the element 
    // exists
    var id = this.href.replace(/.*#/,'');
    var t = document.getElementById(id);
    if(t !== undefined){
      // get overflow style - elements need to have overflow hidden 
      // to animate smoothly
      var oldover = YAHOO.util.Dom.getStyle(t,'overflow');
      // set overflow to hidden
      YAHOO.util.Dom.setStyle(t,'overflow','hidden');
      // get the height and compare it to the offsetHeight, thus 
      // getting the real height + padding
      var height = YAHOO.util.Dom.getStyle(t,'height');
      if(height==='auto'){
        curHeight = t.offsetHeight;
      } else {          
        curHeight = Math.max(parseInt(height),t.offsetHeight);
      }
      var x = parseInt(curHeight);
      // if the element is currently hidden
      if(YAHOO.util.Dom.hasClass(t,css.hideClass)){
        // set its height and opacity to 0 and add the height class
        YAHOO.util.Dom.setStyle(t,'height',0+'px');
        YAHOO.util.Dom.removeClass(t,css.hideClass);
        YAHOO.util.Dom.setStyle(t,'opacity',0);
        // prepare the animation animate the element
        var a = new YAHOO.util.Anim(t, { opacity: {from:0,to: 1},height:{from:0,to:x} },.8,YAHOO.util.Easing.easeBoth);
        // re-set the overflow and set the appropriate class to the 
        // trigger element when the animation has finished
        a.onComplete.subscribe(
          function(){        
            YAHOO.util.Dom.setStyle(t,'overflow',oldover);
            YAHOO.util.Dom.replaceClass(parent,css.parentClass,css.openClass);
          }
        );
        // animate the element
        a.animate();
      // if the element is currently visible
      } else {
        // prepare and start the animation
        var a = new YAHOO.util.Anim(t, { opacity: {from:1,to: 0} ,height:{from:x,to:0} },.8,YAHOO.util.Easing.easeBoth);
        a.animate();
        // when the animation is done, hide it with the right class, 
        // re-set its styles and replace the open with a parent class
        a.onComplete.subscribe(
          function(){        
            YAHOO.util.Dom.addClass(t,css.hideClass);
            YAHOO.util.Dom.setStyle(t,'height',x+'px');
            YAHOO.util.Dom.setStyle(t,'opacity',1);
            YAHOO.util.Dom.setStyle(t,'overflow',oldover);
            YAHOO.util.Dom.replaceClass(parent,css.openClass,css.parentClass);
          }
        );
      };
    };
    YAHOO.util.Event.preventDefault(e);
  };
};