トップページにスライドショーCrossSlideを貼りたいのですが…

lightboxのような、画像をクリックするタイプのスライドショーではなく、
操作をしなくても画像が自動的にフェードして変わっていくものを
トップページに演出として設けたいと思っています。

それでCrossSlideというJqueryのプラグインを見つけました。
解説をしてくれているサイトさんを見つけて読んでみたものの、
初心者なもので、導入方法がさっぱりわかりません。どうかご教授下さい。

——————————————————————–
●任意のディレクトリにダウンロードしたjquery.cross-slide.jsをアップします。
——————————————————————–
質問1…任意のディレクトリとは、どこでも良いということでしょうか。
　　　（例えば今使っているテーマフォルダの中など）

———————————————————————
●<script src=”jquery.cross-slide.js” type=”text/javascript”></script>
———————————————————————
質問2…上記の記述をするらしいのですが、どこに入れれば良いのかわかりません。

————————————————————-
●表示するJSを記述

<script type=’text/javascript’ id=’source-test1′>//<![CDATA[
$(function() {
$(‘#test1’).crossSlide({
speed: 45, //px/sec
fade: 1 //sec
}, [
{ src: ‘img/FC021_L.jpg’, dir: ‘up’ },
{ src: ‘img/FC029_L.jpg’, dir: ‘down’ },
{ src: ‘img/FC034_L.jpg’, dir: ‘up’ },
{ src: ‘img/FC078_L.jpg’, dir: ‘down’ },
{ src: ‘img/FC105_L.jpg’, dir: ‘up’ },
{ src: ‘img/FC144_L.jpg’, dir: ‘down’ },
{ src: ‘img/FC173_L.jpg’, dir: ‘up’ }
]);
});
//]]></script>

<div id=’test1′>Loading…</div>

「#test1」には、DIVなど任意のブロック要素名を配置します。
—————————————————–
質問3…このＪＳをどこに記述すれば良いのでしょうか。
　　　実は任意のブロック要素名を配置という意味もわかりません。

正直僕のスキルでは荷が重いカスタマイズだと思うのですが、
簡単に使えるスライドショーのプラグインが見つからなくて。。
（ほとんどが画像をクリックしないと始まらないタイプ）

非常に弱っております。
どうかよろしくお願いいたします。