title: Lightbox v2 conflict with other JS
body: <p>I have created a site for a friends portfolio, there is a javascript used to control the navigation, some jQuery used on the work section which swaps between 2 div's to show seperate categories, and then the Lightbox v2 viewer which should show the work he has done.</p>
  
  <p>However, I have used lightbox before but I cannot seem to get it working on this website, could it be a conflict between the other javascript and jQuery loading on page load?</p>
  
  <p>If anyone could take a look at the website and let me know what they think I would be very grateful.</p>
  
  <p>My head has this for the lightbox (and other scripts)</p>
  
  <pre><code> &lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
   &lt;script  type="text/javascript" src="../js/prototype.js"&gt;&lt;/script&gt;
   &lt;script  type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"&gt;&lt;/script&gt;
   &lt;script  type="text/javascript" src="../js/lightbox.js"&gt;&lt;/script&gt;
   &lt;link rel="stylesheet" href="../css/lightbox.css"  type="text/css" media="screen" /&gt;
   &lt;script type="text/javascript" src="floating-1.5.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;  
   floatingMenu.add('floatdiv',  
      {   targetTop: 0,  
          // targetBottom: 0,    
          prohibitXMovement: true,});  
   &lt;/script&gt; 
   &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
   function showonlyone(thechosenone) {
   $('div[name|="newboxes"]').each(function(index) {
        if ($(this).attr("id") == thechosenone) {
             $(this).show(200);
        }
        else {
             $(this).hide(600);
        }
   });
   }
   &lt;/script&gt;
  </code></pre>
  
  <p>And my body for the lightbox:</p>
  
  <pre><code> &lt;div class="work_splash"&gt;&lt;a href="images/gallery/graphics/1b.jpg" rel="lightbox[graphics]" title="Graphic Design Gallery"&gt;&lt;img src="images/gallery/graphics/1t.jpg" height=156px /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The URL is <a href="http://www.jrk-design.co.uk/barwise/index.html" rel="nofollow">http://www.jrk-design.co.uk/barwise/index.html</a></p>
  
  <p>Thanks </p>
  
  <p>Jon</p>