javascript file storing
<p>I have stored javascript files in the header.php of my project page. And overtime this has grown to lot of files. Need a help from senior member who can guide me how to store these? I looked all over net could not find anything on this. So this is my last stop.
Should these be stored in header.php(so what i am doing is correct?). Should these be stored individually on the .php pages that are using them? Or is there another better and more efficient way to do this?
(i do have some prototype and scriptaculous files also)</p>

<pre><code>&lt;script type="text/javascript" src="javascript/prototype.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/scriptaculous.js"&gt;&lt;/script&gt;

&lt;script src="javascript/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
     jQuery.noConflict();          
&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/jquery.colorbox.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/friends.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/site.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/search.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/settings.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/inbox.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/profile.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/color_picker.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="javascript/load_more.js"&gt;&lt;/script&gt;

&lt;script type='text/javascript' src='javascript/jquery.bgiframe.min.js'&gt;&lt;/script&gt;

&lt;script type='text/javascript' src='javascript/jquery.Queue.js'&gt;&lt;/script&gt;

&lt;script type='text/javascript' src='javascript/jquery.autocomplete.js'&gt;&lt;/script&gt;
</code></pre>
