Club Drupal

      },

      modalClass: 'default'

    Drupal.CTools.Modal.modalContent(Drupal.CTools.Modal.modal, settings.modalOptions, settings.animation, settings.animationSpeed, settings.modalClass);

    $('#modalContent .modal-content').html(Drupal.theme(settings.throbberTheme)).addClass('ctools-modal-loading');

    if ($('#modal-content').hasClass('ctools-modal-loading')) {

      $('#modal-content').removeClass('ctools-modal-loading');

    }

    else {

      // If the modal was already shown, and we are simply replacing its

      // content, then focus on the first focusable element in the modal.

      // (When first showing the modal, focus will be placed on the close

      // button by the show() function called above.)

      $('#modal-content :focusable:first').focus();

    }

   * @param modalClass class added to div#modalContent

  Drupal.CTools.Modal.modalContent = function(content, css, animation, speed, modalClass) {

    $('body').append('<div id="modalBackdrop" class="backdrop-' + modalClass + '" style="z-index: 1000; display: none;"></div><div id="modalContent" class="modal-' + modalClass + '" style="z-index: 1001; position: absolute;">' + $(content).html() + '</div>');

    // Get a list of the tabbable elements in the modal content.

    var getTabbableElements = function () {

      var tabbableElements = $('#modalContent :tabbable'),

          radioButtons = tabbableElements.filter('input[type="radio"]');

      // The list of tabbable elements from jQuery is *almost* right. The

      // exception is with groups of radio buttons. The list from jQuery will

      // include all radio buttons, when in fact, only the selected radio button

      // is tabbable, and if no radio buttons in a group are selected, then only

      // the first is tabbable.

      if (radioButtons.length > 0) {

        // First, build up an index of which groups have an item selected or not.

        var anySelected = {};

        radioButtons.each(function () {

          var name = this.name;

          if (typeof anySelected[name] === 'undefined') {

            anySelected[name] = radioButtons.filter('input[name="' + name + '"]:checked').length !== 0;

          }

        });

        // Next filter out the radio buttons that aren't really tabbable.

        var found = {};

        tabbableElements = tabbableElements.filter(function () {

          var keep = true;

          if (this.type == 'radio') {

            if (anySelected[this.name]) {

              // Only keep the selected one.

              keep = this.checked;

            }

            else {

              // Only keep the first one.

              if (found[this.name]) {

                keep = false;

              }

              found[this.name] = true;

            }

          }

          return keep;

        });

      }

      return tabbableElements.get();

    };

    // Keyboard and focus event handler ensures only modal elements gain focus.

        getTabbableElements()[0].focus();

    // Keypress handler Ensures you can only TAB to elements within the modal.

    // Based on the psuedo-code from WAI-ARIA 1.0 Authoring Practices section

    // 3.3.1 "Trapping Focus".

    modalTabTrapHandler = function (evt) {

      // We only care about the TAB key.

      if (evt.which != 9) {

        return true;

      }

      var tabbableElements = getTabbableElements(),

          firstTabbableElement = tabbableElements[0],

          lastTabbableElement = tabbableElements[tabbableElements.length - 1],

          singleTabbableElement = firstTabbableElement == lastTabbableElement,

          node = evt.target;

      // If this is the first element and the user wants to go backwards, then

      // jump to the last element.

      if (node == firstTabbableElement && evt.shiftKey) {

        if (!singleTabbableElement) {

          lastTabbableElement.focus();

        }

        return false;

      }

      // If this is the last element and the user wants to go forwards, then

      // jump to the first element.

      else if (node == lastTabbableElement && !evt.shiftKey) {

        if (!singleTabbableElement) {

          firstTabbableElement.focus();

        }

        return false;

      }

      // If this element isn't in the dialog at all, then jump to the first

      // or last element to get the user into the game.

      else if ($.inArray(node, tabbableElements) == -1) {

        // Make sure the node isn't in another modal (ie. WYSIWYG modal).

        var parents = $(node).parents().get();

        for (var i = 0; i < parents.length; ++i) {

          var position = $(parents[i]).css('position');

          if (position == 'absolute' || position == 'fixed') {

            return true;

          }

        }

        if (evt.shiftKey) {

          lastTabbableElement.focus();

        }

        else {

          firstTabbableElement.focus();

        }

      }

    };

    $('body').bind('keydown', modalTabTrapHandler);

    // Per WAI-ARIA 1.0 Authoring Practices, initial focus should be on the

    // close button, but we should save the original focus to restore it after

    // the dialog is closed.

    var oldFocus = document.activeElement;

    $('.close').focus();

      $('body').unbind( 'keydown', modalTabTrapHandler );

      // Restore focus to where it was before opening the dialog

      $(oldFocus).focus();

    // Move and resize the modalBackdrop and modalContent on window resize.

    modalContentResize = function(){

      // Reset the backdrop height/width to get accurate document size.

      $('#modalBackdrop').css('height', '').css('width', '');

      // Position code lifted from:

      // http://www.quirksmode.org/viewport/compatibility.html

    $('body').unbind( 'keydown', modalTabTrapHandler );

    $('body').unbind('keypress', modalEventEscapeCloseHandler);