title: Load Galleria when navigating to specific Jquerytools tab
body: <p>I'm having trouble to integrate the Galleria image gallery plugin onto one of my Jquerytools tabs. When navigating directly to the page with Galleria (example: www.domain.com/index.php#tabnameofgalleriapane), there's no problem. </p>
  
  <p>Whenever the pane with galleria is not loaded immediately (default pane is another pane), Gallery throws an error: <code>Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.</code>, which is logical, because when the Galleria pane is not active, it's css is probably <code>display:none;</code>...</p>
  
  <p>Defining the height &amp; width literally does not seem to work. This was the previous setup: </p>
  
  <pre><code>jQuery("#jp_nav").tabs(".jp_pane", { history: true } );
  jQuery('#gallery').galleria({
      imageCrop: false,
      transition: 'slide',
      autoplay: 7000,
      width: 960,
      height: 640
  });
  </code></pre>
  
  <p>So I was thinking to bind the load of the Galleria plugin onload of the pane that contains the Galleria plugin, because in that moment, the Galleria pane does have a height... I've found something to help me on my way, but now I'm getting other JavaScript conflict errors (see below for explanation).</p>
  
  <pre><code>jQuery("#jp_nav").tabs(".jp_pane", {
    initialIndex: 0,
    onBeforeClick: function(event, i) {
      // get the pane to be opened
      var pane = this.getPanes().eq(i);
      var src = this.getTabs().eq(i).attr("href");
      pane.load(src, "#jp_images", function(){
          jQuery('#gallery').galleria({
              imageCrop: false,
              transition: 'slide',
              autoplay: 7000,
              width: 960,
              height: 640
          });  
      });
    },
    history: true
  });
  </code></pre>
  
  <p>For reasons beyond my control, the website I'm writing this for uses both jQuery and Prototype/Scriptaculous. So please take into account that the script has to be written in noConflict mode. (Which I'm doing in my setup <code>$.noConflict();</code>) </p>
  
  <p>Can someone please tell me if the script below puts me on the right track? 
  Can someone help me modify the script to work when the #jp_images tab is loaded?
  Right now, the above script gives me conflict errors with Prototype.</p>
  
  <p>Anxiously awaiting your expert views!</p>
  
  <p>Regards,</p>
  
  <p>Maarten</p>