Google load jQuery and jQueryUI
<p>I'm trying to use the <a href="http://code.google.com/apis/ajaxlibs/documentation/#jquery" rel="nofollow">Google</a> to load jQuery for some pages and jQuery UI for others.
On the pages where I just need jQuery, I do the following:</p>

<pre><code>&lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
function OnLoad() {
    // my jQuery goodness
}
google.load("jquery", "1");
google.setOnLoadCallback(OnLoad);
&lt;/script&gt;
</code></pre>

<p>And on the pages where I need jQueryUI, I also add this:</p>

<pre><code>&lt;link rel="stylesheet" type="text/css" href="/Library/jQuery/UI/Smoothness/css/smoothness/jquery-ui-1.7.2.custom.css"&gt;
&lt;script type="text/javascript"&gt;
function OnLoadUI(){
    $('div.tabs').tabs();
    $('input.date').datepicker();
}
google.load("jqueryui", "1");
google.setOnLoadCallback(OnLoadUI);
&lt;/script&gt;
</code></pre>

<p>Q: Am I doing anything wrong?  It's working, but I want to know if I'm writing code that doesn't make sense.
Q: Does Google have the various UI css themes?  Or am I right in thinking that I need to serve up the smoothness theme myself?  (It's not really a custom theme - it's just the default one).</p>
