I am having trouble running multiple jquery flickr galleries on one web page

JavaScript
1

Hi

I am trying to run multiple jquery flickr galleries on one web page but for the life of me I can’t figure out why it will only show me one slideshow instead of two.

I’ve tried different approaches at fixing the problem but I am reaching out to see if anyone else has any ideas that I haven’t thought of.

They are supposed to be stacked, one above the other.

<div id="homeone">
    	


     <div class="content">

        <!-- Adding gallery images. This is just a container for the dynamic flickr images -->

        <div id="galleria"></div>
    </div>
    <script>

    // Load the classic theme
    Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');

    // Initialize Galleria
    $('#galleria').galleria({
flickr: 'set:72157630255344406',
transition: 'fade',
      flickrOptions:{
          size: 'original',
          description: false,
          max: 100,
          sort: 'date-posted-desc'
}
});

    </script>

		</div>






      <div id="homeone">
    	


     <div class="content">

        <!-- Adding gallery images. This is just a container for the dynamic flickr images -->

        <div id="galleria"></div>
    </div>
    <script>

    // Load the classic theme
    Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');

    // Initialize Galleria
    $('#galleria').galleria({
flickr: 'set:72157630253371152',
transition: 'fade',
      flickrOptions:{
          size: 'original',
          description: false,
          max: 100,
          sort: 'date-posted-desc'
}
});

    </script>

		</div>

You can see the web page here

http://brianewagnerfund.org/upload.form_test.php

I can’t figure out if it’s the Javascript or the CSS.

Thanks in advance for your help.

2

Nobody wants to take a crack at this???