title: one apple overlay for multiple triggers?
body: <p>I like to open a login overlay with apple effect on a website.
  There are different triggers to call the overlay.
  Here is what I did:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="top_nav"&gt;
      &lt;a id="my_side" rel="#overlay" href="overlay_login.jsf"&gt;&lt;/a&gt;
  &lt;/div&gt;          
  &lt;div class="apple_overlay" id="overlay"&gt;
          &lt;a class="close"&gt;&lt;/a&gt;
          &lt;div class="content-wrap"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="call-button active" rel="#overlay" href="overlay_login.jsf"&gt;
      some text
      &lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="call-button active" rel="#overlay" href="overlay_login.jsf"&gt;
      some text
  &lt;/div&gt;                                  
  &lt;div class="call-button active" rel="#overlay" href="overlay_login.jsf"&gt;
      some text
  &lt;/div&gt;
  &lt;div class="call-button active" rel="#overlay" href="overlay_login.jsf"&gt;
      some text
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is my Javascript:</p>
  
  <pre><code>$('a[rel], div.call-button.active[rel]').overlay({
                      mask: {
                          color: '#ffffff',
                          loadSpeed: 200,
                          opacity: 0.5
                      },
                      effect: 'apple',
                      top: '15%',
                      onBeforeLoad: function() {
                                  // grab wrapper element inside content
                                  var wrap = this.getOverlay().find(".content-wrap");
  
                                  // load the page specified in the trigger
                                  wrap.load(this.getTrigger().attr("href"));
                              },
                       closeOnClick: false,
                       load: false
                  });
  </code></pre>
  
  <p>But this opens the overlay for the div tags only one time.</p>
  
  <p>Any Ideas are welcome!</p>