using gallaria

using gallaria

hi, i'm very new to using jQuery and am trying to use the 'gallaria' plug-in for a photo gallery in dreamweaver, it worked when i edited the demo but not when i tried to copy it into my fluid grid layout, here's my code:

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Photography</title>
       

<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="photographyfluid.css" rel="stylesheet" type="text/css">
<link href="Layout.css" rel="stylesheet" type="text/css">

        <!-- load jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

        <!-- load Galleria -->
        <script src="galleria/galleria-1.2.8.min.js"></script>
<!-- 
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr ( http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build 
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script src="respond.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
<div id="nav">
<p class ="center">
 <hr>
 <ul>
   <li><a href="index3.html">HOME</a></li>
     <li> <a href="photography2.html"style="text-decoration: none";>PHOTOGRAPHY</a></li>
        <li><a href="2Danini2.html"style="text-decoration: none";>2D ANIMATION</a></li>
      <li><a href="3dani2.html"style="text-decoration: none";>3D ANIMATION</a></li>
        <li><a href="about_page.html"style="text-decoration: none";>ABOUT ME</a></li>
        <li><a href="contactfluid.html"style="text-decoration: none";style="text-decoration: none";>CONTACT ME</a></li>
  </ul>
  <hr>
  </div>
  </p>
  </div>

<div id="content">
 <h1>Photography Portfolio</h1>
       

        <div id="gallaria">
        <a href="iw26 Architecture.jpg">
                <img data-title="Architecture"
                     data-description="Architecture"
                     src="iw26 Architecture.jpg">
            </a>
            <a href="iw26 Landscape.JPG">
                <img data-title="Landscape at Herne Bay"
                     data-description="Landscape"
                     src="iw26 Landscape.JPG">
            </a>
            <a href="iw26 Nature.jpg">
                <img data-title="Nature"
                     data-description="Nature"
                     src="iw26 Nature.jpg">
            </a>
            <a href="iw26 Portrait.jpg">
                <img data-title="Portrait"
                     src="iw26 Portrait.jpg">
            </a>
            <a href="iw26 Reflection.JPG">
                <img data-title="Reflection"
                     src="iw26 Reflection.JPG">
            </a>
            <a href="iw26 Sport.jpg">
                <img data-title="Sport"
                     data-description="Sport"
                     src="iw26 Sport.jpg">
            </a>
            <a href="iw26 Still Life.jpg">
                <img data-title="Still Life"
                     data-description="Still Life"
                     src="iw26 Still Life.jpg">
            </a>
            
            
           
        </div>
       

    
    </div>

    <script>

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

    // Initialize Galleria
    Galleria.run('#galleria');

    </script>
</body>
</html>

all help is much appreciated! 
Thank you