1. For mb.gallery you should have squared thumbs 50x50 jpeg optimized for the web and 1000 / 1200 jpg optimized.

2. using RapidWeaver you should add in the Javascript box the inclusion of the mbGallery.js and the initializer function:

    $(function(){
     $('#g1').mbGallery({maskBgnd:'#ccc', maskOpacity:.9});
    });
   

And in your HTML the DIV containing all the images:

<div  id="g1" class="galleryCont">
  <a class="imgThumb" href="gallery1/LR/01.jpg"></a>
  <a class="imgFull" href="gallery1/HR/01.jpg"></a>
  <div class="imgDesc">Description 01</div>

<a class="imgThumb" href="gallery1/LR/02.jpg"></a>
  <a class="imgFull" href="gallery1/HR/02.jpg"></a>
  <div class="imgDesc">Description 02</div>
...
...
</div>