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

