How to add 3 sets of JavaScript in the header
<p>I'm trying to run three sets of JS code in my header tag, however, I can only seem to run two at a time with the following code (see below)...</p>

<p>(this code below works perfectly fine on it's own)</p>

<pre><code>    &lt;link rel="stylesheet" href="http://www.frhdesigns.com/lightbox2.04/css/lightbox.css" type="text/css" media="screen" /&gt;
    &lt;script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/prototype.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/scriptaculous.js?load=effects,builder"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
         jQuery.noConflict();
    &lt;/script&gt;
    &lt;script src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.localscroll-min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.scrollTo-min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/lightbox.js"&gt;     
&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        jQuery(document).ready(function () {
            jQuery.localScroll.defaults.axis = 'y';
            jQuery.localScroll();
        });
    &lt;/script&gt;
</code></pre>

<p>...Now when I add the third set of code to the mix (3rd set of js code below) which is a code for fading images, I can't seem to get all three to work together when I view the page. I know JS is all about order...but I don't know the order...</p>

<pre><code>&lt;script type="text/javascript" src="_fade_in/js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="_fade_in/js/custom.js"&gt;&lt;/script&gt;
</code></pre>

<p>thanks!</p>
