webmaster@1: // $Id: collapse.js,v 1.17 2008/01/29 10:58:25 goba Exp $
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Toggle the visibility of a fieldset using smooth animations
webmaster@1:  */
webmaster@1: Drupal.toggleFieldset = function(fieldset) {
webmaster@1:   if ($(fieldset).is('.collapsed')) {
webmaster@1:     // Action div containers are processed separately because of a IE bug
webmaster@1:     // that alters the default submit button behavior.
webmaster@1:     var content = $('> div:not(.action)', fieldset);
webmaster@1:     $(fieldset).removeClass('collapsed');
webmaster@1:     content.hide();
webmaster@1:     content.slideDown( {
webmaster@1:       duration: 'fast',
webmaster@1:       easing: 'linear',
webmaster@1:       complete: function() {
webmaster@1:         Drupal.collapseScrollIntoView(this.parentNode);
webmaster@1:         this.parentNode.animating = false;
webmaster@1:         $('div.action', fieldset).show();
webmaster@1:       },
webmaster@1:       step: function() {
webmaster@1:         // Scroll the fieldset into view
webmaster@1:         Drupal.collapseScrollIntoView(this.parentNode);
webmaster@1:       }
webmaster@1:     });
webmaster@1:   }
webmaster@1:   else {
webmaster@1:     $('div.action', fieldset).hide();
webmaster@1:     var content = $('> div:not(.action)', fieldset).slideUp('fast', function() {
webmaster@1:       $(this.parentNode).addClass('collapsed');
webmaster@1:       this.parentNode.animating = false;
webmaster@1:     });
webmaster@1:   }
webmaster@1: };
webmaster@1: 
webmaster@1: /**
webmaster@1:  * Scroll a given fieldset into view as much as possible.
webmaster@1:  */
webmaster@1: Drupal.collapseScrollIntoView = function (node) {
webmaster@1:   var h = self.innerHeight || document.documentElement.clientHeight || $('body')[0].clientHeight || 0;
webmaster@1:   var offset = self.pageYOffset || document.documentElement.scrollTop || $('body')[0].scrollTop || 0;
webmaster@1:   var posY = $(node).offset().top;
webmaster@1:   var fudge = 55;
webmaster@1:   if (posY + node.offsetHeight + fudge > h + offset) {
webmaster@1:     if (node.offsetHeight > h) {
webmaster@1:       window.scrollTo(0, posY);
webmaster@1:     } else {
webmaster@1:       window.scrollTo(0, posY + node.offsetHeight - h + fudge);
webmaster@1:     }
webmaster@1:   }
webmaster@1: };
webmaster@1: 
webmaster@1: Drupal.behaviors.collapse = function (context) {
webmaster@1:   $('fieldset.collapsible > legend:not(.collapse-processed)', context).each(function() {
webmaster@1:     var fieldset = $(this.parentNode);
webmaster@1:     // Expand if there are errors inside
webmaster@1:     if ($('input.error, textarea.error, select.error', fieldset).size() > 0) {
webmaster@1:       fieldset.removeClass('collapsed');
webmaster@1:     }
webmaster@1: 
webmaster@1:     // Turn the legend into a clickable link and wrap the contents of the fieldset
webmaster@1:     // in a div for easier animation
webmaster@1:     var text = this.innerHTML;
webmaster@1:       $(this).empty().append($('<a href="#">'+ text +'</a>').click(function() {
webmaster@1:         var fieldset = $(this).parents('fieldset:first')[0];
webmaster@1:         // Don't animate multiple times
webmaster@1:         if (!fieldset.animating) {
webmaster@1:           fieldset.animating = true;
webmaster@1:           Drupal.toggleFieldset(fieldset);
webmaster@1:         }
webmaster@1:         return false;
webmaster@1:       }))
webmaster@1:       .after($('<div class="fieldset-wrapper"></div>')
webmaster@1:       .append(fieldset.children(':not(legend):not(.action)')))
webmaster@1:       .addClass('collapse-processed');
webmaster@1:   });
webmaster@1: };