Club Drupal

(function ($) {

/**

 * Another pane can be entered by clicking next/previous.

 *

 */

      // Transform each div.multipage-pane into a multipage with controls.

      $panes.each(function () {

        $controls = $('<div class="multipage-controls-list clearfix"></div>');

        $(this).append($controls);

        // Check if the submit button needs to move to the latest pane.

        if (Drupal.settings.field_group.multipage_move_submit && $('.form-actions').length) {

          $('.form-actions', $form).remove().appendTo($($controls, $panes.last()));

        }

        var multipageControl = new Drupal.multipageControl({

          title: $('> .multipage-pane-title', this).text(),

          wrapper: $(this),

          has_next: $(this).next().length,

          has_previous: $(this).prev().length

        });

        $controls.append(multipageControl.item);

        $(this)

          .addClass('multipage-pane')

        if (this.id == focusID) {

          paneWithFocus = $(this);

        }

      });

      if (paneWithFocus === undefined) {

        // If the current URL has a fragment and one of the tabs contains an

        // element that matches the URL fragment, activate that tab.

          paneWithFocus = $(window.location.hash, this).closest('.multipage-pane');

        }

        else {

    self.nextPage();

    return false;

  });

  this.previousLink.click(function () {

    self.previousPage();

    return false;

  });

/*

  // Keyboard events added:

  // Pressing the Enter key will open the tab pane.

};

Drupal.multipageControl.prototype = {

  /**

   * Displays the tab's content pane.

   */

    $('#active-multipage-control').remove();

    this.nextLink.after('<span id="active-multipage-control" class="element-invisible">' + Drupal.t('(active page)') + '</span>');

  },

  /**

   * Continues to the next page or step in the form.

   */

    this.wrapper.next().data('multipageControl').focus();

    $('html, body').scrollTop(this.wrapper.parents('.field-group-multipage-group-wrapper').offset().top);

  },

  /**

   * Returns to the previous page or step in the form.

   */

  var controls = {};

  controls.item = $('<span class="multipage-button"></span>');

  controls.previousLink = $('<input type="button" class="form-submit multipage-link-previous" value="" />');

  controls.previousTitle = Drupal.t('Previous page');

  controls.nextLink = $('<input type="button" class="form-submit multipage-link-next" value="" />');

  controls.nextTitle = Drupal.t('Next page');

  controls.item.append(controls.nextLink.val(controls.nextTitle));

  if (!settings.has_next) {

    controls.nextLink.hide();

  }

  if (!settings.has_previous) {

    controls.previousLink.hide();

  }

  return controls;

};

Drupal.FieldGroup.Effects.processMultipage = {

  execute: function (context, settings, type) {

    if (type == 'form') {

      var $firstErrorItem = false;

      // Add required fields mark to any element containing required fields

      $('div.multipage-pane').each(function(i){

        if ($('.error', $(this)).length) {

          // Save first error item, for focussing it.

          if (!$firstErrorItem) {

            $firstErrorItem = $(this).data('multipageControl');

          Drupal.FieldGroup.setGroupWithfocus($(this));

          $(this).data('multipageControl').focus();

        }

      if ($firstErrorItem) {

        $firstErrorItem.focus();

      }

    }

  }

}