TOP画像をアクセス毎ごとに切り替えたい

初歩的なことですみません。
タイトル通り、TOP画像をアクセス毎ごとに切り替えたいと思います。
以下のJavascriptをtop.tplの<div>~</div>内に書き足してみて、
ページを更新してみましたが、切り替わりません。

ご指摘いただけると幸いです。

<script type="text/javascript">

myImageCnt = 10;
myImage = new Array(
"<!--{$TPL_DIR}-->img/main/main01.jpg",
"<!--{$TPL_DIR}-->img/main/main02.jpg",
"<!--{$TPL_DIR}-->img/main/main03.jpg",
"<!--{$TPL_DIR}-->img/main/main04.jpg",
"<!--{$TPL_DIR}-->img/main/main05.jpg",
"<!--{$TPL_DIR}-->img/main/main06.jpg",
"<!--{$TPL_DIR}-->img/main/main07.jpg",
"<!--{$TPL_DIR}-->img/main/main08.jpg",
"<!--{$TPL_DIR}-->img/main/main09.jpg",
"<!--{$TPL_DIR}-->img/main/main10.jpg"
)

myRnd = Math.floor(Math.random()*myImageCnt);
document.write("<img src='",myImage[myRnd],"' border='0' >");
// --></script>
<noscript><img src="<!--{$TPL_DIR}-->img/main/main01.jpg"></noscript>

[EC-CUBE] 2.4.1正式版
[レンタルサーバ] Webareba SuitXサーバ
[OS] Mac OSX 10.5.7
[PHP] PHP 5.
[データベース] MySQL 4.1.21
[WEBサーバ] apache2.0.59
[ブラウザ] Firefox2.0.0.5