title: jquery tools overlay, how to keep mask when switching overlays
body: <p>I have a simple problem with 2 overlays. One overlay is triggered from (and by) the other overlay. As only one overlay can be active at any one time, correctly so, overlay number 1 that triggered 2 closes. However, it takes the mask with it and hence overlay 2 appears without the mask. How can I switch between 2 overlays without the mask disappearing?</p>
  
  <p>The code, overlay 1</p>
  
  <pre><code>$("button[rel*=busy]").overlay({     
  
      api: true , 
      mask: {
          maskId: 'defaultMask' ,
          color: null
      },
      effect: 'apple',
  
      onLoad: function() {
  
          $.post( 'ajax_file_here.php' ,
              { var: something } ,
              function( data ){                
  
                  if( data.status == 'confirm' ) {
  
                      confirmOverlay();
  
                  } else {
  
                      errorOverlay();
  
                  }              
  
              } ,
              'json' );
  
      } ,
      closeOnClick: false ,
      closeOnEsc: false ,
      close: '.noClose'       
  
  });
  </code></pre>
  
  <p>And overlay 2</p>
  
  <pre><code>var errOverlayObject = $('#error_overlay').overlay({
  
      api: true,      
      mask: {
          maskId: 'defaultMask' ,
          color: null
      },
      effect: "apple"
  
  });
  
  function errorOverlay() {
  
      errOverlayObject.load();
  
  }
  </code></pre>
  
  <p>As you can see there is also a confirm version of the second overlay, but that works identical to the error one.</p>