Problem med HTML + Javascript

Jeg har en side, hvorpå jeg ønsker at vise et tilfældigt billede (har billederne anbefaling1.jpg, ..., anbefaling4.jpg)

Til det bruger jeg flg. script:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function random() {
  ArrCitat = new Array("anbefaling1.jpg", "anbefaling2.jpg", "anbefaling3.jpg", "anbefaling4.jpg")
  var rand1 = (Math.round( (ArrCitat.length-1) * Math.random()) ) ;
  return ArrCitat[rand1]
}
//-->
</SCRIPT>

Og hvor jeg ønsker at få udskrevet "resultatet":

<script>document.write(random())</script>

Men når jeg skriver flg. op:
<img border='0' src='img/<script>document.write(random())</script>' width='381' height='364' usemap='#thaulow0'>

- fungerer det ikke.

Nogen der kan hjælpe?

(Har også prøvet med fx <img border='0' src='java script: document.write("img/"+random())' width='381' height='364' usemap='#thaulow0'> )