Lille roterende galleri vil ikke vises

Hej eksperter!

Jeg har et lille roterende galleri, som nok senere vil blive udvidet.
Koden er kopieret fra "jeg-har-lavet-et-script-som-jeg-vil-dele"-site.
I den kode jeg kopierede var der flere billeder end der er nu, men lige nu har jeg kun brug for to.

Der kommer ingen fejl frem når jeg åbner siden og de vises slet ikke. Der er ingen tegn på billedernes eksistens overhovedet! Billederne findes på serveren...

Hele scriptet virker lokalt - hvor det virker efter hensigten! Bare ikke live...

Her er mit kode, som er placeret i HEAD-sektionen:


<script type="text/javascript">

var theImages = new Array()

theImages[0] = 'img/rot/forside/FrontReklame1.jpg' ;
theImages[1] = 'img/rot/forside/FrontReklame2.jpg' ;

var j = 0
var p = theImages.length ;
var preBuffer = new Array()
for (i = 0; i < p; i++){
  preBuffer[i] = new Image()
  preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1)) ;
function showImage(){
document.write('<a href="http://www.stutteri-volstrup.dk/hingste.shtml"><img src="'+theImages[whichImage]+'" alt="Se vores hingste!" /></a>');
};

</script>


Det her bruger jeg til at kalde billederne, som er placeret i en DIV i BODY-sektionen:

<script type="text/javascript">
    showImage();
</script>


Håber at i vil kaste et blik på det og kan se fejlen!

MVH!