title: Adding multiple js files in the header
body: <p>I'm trying to add two different javascript functions to my header:</p>
  
  <p>1) is for a lightbox (see code below) and the </p>
  
  <p>2) is for a local scroll (code below).  When I place them both in my header tag, as seen below, one or the other will not work at all--depending on the order in which I place them the tag-- when I go to view my page.   </p>
  
  <p>Q: how can I get all these js. files to work when I view my page?</p>
  
  <p>
      </p>
  
  <pre><code>&lt;script type="text/javascript" src="/lightbox2.04/js/prototype.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/lightbox2.04/js/scriptaculous.js?load=effects,builder"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="/js/lightbox.js"&gt;&lt;/script&gt;
  
  \\\\and this one below////
  &lt;script type="text/javascript" src="/jquery-vertical-scroll/js/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="jquery-vertical-scroll/js/jquery.localscroll-min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script src="jquery-vertical-scroll/js/jquery.scrollTo-min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $.localScroll.defaults.axis = 'y';
              $.localScroll();
          });
  &lt;/script&gt;
  </code></pre>
  
  <p></p>