Randomly rotating images on webpage

how to link these images to web pages?

[contentmaster]

I have used the following script to randomly rotate 2 images on a webpage...my question is can i hyperlink these images to separate webpages so that the visitor can click on the image to reach the linked page?

head

<script language="JavaScript">

<!--
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[0] = 'a.jpg'
theImages[1] = 'b.jpg'

// ======================================
// do not change anything below this line
// ======================================

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('<img src="'+theImages[whichImage]+'">');
}

//-->
</script>

body
<script language="JavaScript">
<!--
// ==============================================
// Free for all; but please leave in the header.
// ==============================================
showImage();
//-->
</script>

What more do i need to add in the script to hyperlink the images a.jpg and b.jpg to pages a.htm and b.htm?

Thanks in advance

[domokun]

if your server can handle php, head over to hiveware.com and get dan's free php image rotation script.
its oh so simple to implement