Hello, my name is mark, this is my first ever post. Yipeeeee!

Anyway, I am in a dilema.

I created a random image loader in javascript so when a user logs on and off the page it puts another image there in the background out of a selection of 6 images.

Problem is it wont work in ie6 does anyone know how it can work if if it will at all work ion these types of browsers and why it wont work!

Here is the code for it all in my html page:
HTML Code:
<style type="text/css">
body { width:auto; height:auto; background-color:#CCCCCC;}
#bgimage {
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity:0.40;
	opacity:0.40;
	width:100%;
	height:100%;
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	right:0;
}
</style>
<title>Untitled Document</title>
<SCRIPT LANGUAGE="JavaScript">
<SCRIPT/>


<!-- Begin
// 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.

theImages[0] = 'back4.jpg'
theImages[1] = 'back2.jpg'
theImages[2] = 'back5.jpg'
theImages[3] = 'back6.jpg'
theImages[4] = 'back8.jpg'

// do not edit 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 id="bgimage" src="'+theImages[whichImage]+'">');
}


//  End -->
</script>
then this is in the body section of it:
HTML Code:
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
showImage();
//  End -->
</script>

<!-- Script Size:  1.49 KB -->
I am not sure if it is in controllable what internet explorer does but its rather annoying, you would think it would have been developed better by now so these things work perfectly!

Regards,

Mark