title: simple modal - calling modal when another modal is present?
body: <p>I am using <a href="http://www.ericmmartin.com/projects/simplemodal/" rel="nofollow">Simple Modal</a> and I have it working perfectly except for one thing.</p>
  
  <p>I can't work out how to handle cases where the modal is already visible and another modal is called.</p>
  
  <p>What I want is something like shadowbox where it will resize the box to the size of the new content.
  Although if not possible I will settle with the box disappearing and the new one appearing.</p>
  
  <p>How would I do this?</p>
  
  <p>This is my current code</p>
  
  <pre><code>//show/hide animations
  $.extend($.modal.defaults, {
      onOpen: function (dialog) {
          dialog.overlay.fadeIn('fast', function () {
              dialog.data.show();
              dialog.container.show('slide', {direction: 'down'}, 'medium');
          });
      },
      onClose: function (dialog) {
          dialog.container.hide('slide', {direction: 'up'}, 'medium', function () {
              dialog.overlay.fadeOut('fast', function () {
                  $.modal.close();
              });
          });
      }
  });
  
  //triggers 
  $('#subscribe_form').modal({
    minWidth: 860,
    minHeight: 390
  });
  
  //this link is both inside the subscribe_form modal, and on a menu bar
  $('.login_link').live('click', function() {
    $('#login_dialog').modal();
  });
  </code></pre>