kald script fra anden fil

Har følgende kode i min fil banner.js

<script type="text/javascript">
var banners = ["image01.jpg","image02.jpg","image03.jpg","image04.jpg","image05.jpg"];
var actNum = 0;
//antallet har ingen betydning !-)

function swapBanner(){
  actNum = ++actNum >= banners.length ? 0 : actNum;
  document.getElementById("bannerImg").src = banners[actNum];
}

window.onload = function(){
  setInterval("swapBanner()",5000);
}
</script>

og i min forside.html har jeg følgende:

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

og i body har jeg følgende:

<img id="bannerImg" src="banner/image01.jpg" style="border:0;">

hvorfor kan jeg ikke få det til at virke...?
smider jeg indholdet fra min banner.js fil over i min forside.html kører det som det skal... men jeg har brug for at ligge selve scriptet i en fil for sig, da jeg vil bruge det på flere sider...
nogle der kan hjælpe..?