jquery/javascript loading confusion
<p>I'm using jquery and some ordinary javascript on my site and I've been told that I'd be better off loading all the javascript in a minimized form at the closing body tag of my pages rather than in the header as they are now.</p>

<p>I've also been told that I should clump all my JS together into one file to keep the number of requests down, although I've also been told there's some of my javascript which won't be able to be included in this mega file because it's needed by FB (for example).</p>

<p>So now I'm totally confused. For a start, 
1) I use jquery and the jquery.ui, can these be lumped into the mega file and loaded at the end?</p>

<p>2) Can I just stick everything which currently appears in my page source surrounded by script tags into this file?  </p>

<p>3) What must I leave out? </p>

<p>It's all a bit over-whelming when you're a learner</p>

<p>the site is at <a href="http://www.traditionalirishgifts.com/" rel="nofollow">http://www.traditionalirishgifts.com/</a> as you can see I load:</p>

<pre><code> &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>as well as a heap of other javascripts</p>
