Dropbox + YQL + jQuery + Galleriffic

HTML

<script src="https://github.com/jquery/jquery-tmpl/raw/master/jquery.tmpl.min.js"></script>
<script src="http://dl.dropbox.com/u/1840535/Experimente/yql/js/jquery.galleriffic.js"></script>
<script src="http://dl.dropbox.com/u/1840535/Experimente/yql/js/jquery.opacityrollover.js"></script>
<link rel="stylesheet" href="http://dl.dropbox.com/u/1840535/Experimente/yql/css/styles.css">
<link rel="stylesheet" href="http://dl.dropbox.com/u/1840535/Experimente/yql/css/galleriffic-2b.css">
<script src="http://dl.dropbox.com/u/1840535/Experimente/yql/jquery.query-yql.js"></script>
    <div id="page">
        <div id="container">
        <h1><a href="index.html">Dropbox + YQL + jQuery + Galleriffic = Terrific</a></h1>
        <p>YQL moshup created from one of my <a href="http://www.dropbox.com/gallery/1840535/1/backgrounds?h=aa347a">dropbox galleries</a></p>

            <!-- Start Advanced Gallery Html Containers -->
            <div id="gallery" class="content">
                <div id="controls" class="controls"></div>
                <div class="slideshow-container">
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
                </div>
                <div id="caption" class="caption-container"></div>
            </div>
            <div id="thumbs" class="navigation">
            </div>
            <div style="clear: both;"></div>
        </div>
        <div id="page_nav" class="navigation"></div>     
    </div>

<script type="text/javascript">

    jQuery(document).ready(function($) {
        $.createDropboxGallery("http://www.dropbox.com/gallery/28903845/3/NPG%20Processed%20Photos/1%20lettershendony%20avenue%20bt473hy/1%20lettershendony%20bt473hy?h=6b20ed");        
        
        $(window).load(function() {
    
            // We only want these styles applied when javascript is enabled
            $('div.navigation').css({'width' : '300px', 'float' : 'left'});
           ...