How to combine two Javascripts
<p>These are the two javascripts that i am trying to combine in the header of my website, the first script is for my tab menu and the second is for my content slider. Any help would be appreciated.</p>

<pre><code>    &lt;script type="text/javascript" src="js/jquery-1.6.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(function(){

            $('#tabs').tabs();

            $('#dialog_link, ul#icons li').hover(
                function() { $(this).addClass('ui-state-hover'); }, 
                function() { $(this).removeClass('ui-state-hover'); }
            );

        });
    &lt;/script&gt;


    &lt;script type="text/javascript" src="javascripts/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="javascripts/jquery.easing.1.3.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"&gt;&lt;/script&gt;
     &lt;script type="text/javascript"&gt;
        $().ready(function() {
            $('#coda-slider-1').codaSlider();
        });
     &lt;/script&gt;
</code></pre>
