SqueezeBox is an unobtrusive LightBox inspired overlay, for modal boxed content on your site. It’s a snap to show images but just as easy to use HTML elements, Ajax requests, iFrames, SWF movies and more.

Source: http://digitarald.de/project/squeezebox/

The correct place for the jQuery.noConflict() call would be after mootools, after jQuery (which you’ve got in the right order – mootools first, then jQuery), and before any other javascript code that makes use of either.

<script type="text/javascript">jQuery.noConflict();</script>

also substitute jQuery for the $, or wrapping them in this pattern:

(function($){

  // code with the jQuery $ can safely go in here

})(jQuery);

We wrote a script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead.

Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we’ve found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element’s minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.