MouseOver wechselt Hintergrund

Hintergrund 1   Hintergrund 2   Hintergrund 3
Dieser Teil des Scripts kommt an den Beginn des Bodybereichs

<script language="JavaScript">
<!--

var backImage = new Array();

backImage[0] = "bild1.jpg";
backImage[1] = "bild2.jpg";
backImage[2] = "bild3.jpg";
// und so weiter...

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}

//-->
</script>
Dieser Teil des Scripts kommt in den Bodybereich

<div align="center">
<a href="#" onMouseOver="javascript:changeBGImage(0)">Hintergrund 1</a>&nbsp;&nbsp;
<a href="#" onMouseOver="javascript:changeBGImage(1)">Hintergrund 2</a>&nbsp;&nbsp;
<a href="#" onMouseOver="javascript:changeBGImage(2)">Hintergrund 3</a>
<!-- und so weiter....-->
</div>