I know this is not supposed to be that way, but somehow that's the only way it works for me.

First I include

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="fadeslideshow.js"></script>

where fadeslideshow.js is jQuery-based http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

But I also want to use jQueryUI, so I have to include it:

<script type="text/javascript" src="jquery-ui.js"></script>

<script>

$(document).ready(function() {

$("#slidewrapper").draggable();

});

</script>

But it doesn't work! I can't drag the div. It begins to work only after I include jQuery again, so in the end it looks like this:

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquery-ui.js"></script>

<script>

$(document).ready(function() {

$("#slidewrapper").draggable();

});

</script>

Ugly, I know. And if I put jquery-ui.js before fadeslideshow.js, then it works (the div is made draggable), but slideshow doesn't work! What am I missing here?