// JavaScript Document
/*
	Feel free to change these and add your own images.
	Each image has up to 4 attributes associated with it:
	[0] = URL of the image source (.jpg .gif) *
	[1] = ALT text description of the image *
	[2] = URL to take the client to when the image is clicked (optional)
	[3] = javascript onclick events (optional)
	
	The images will rotate after the number of seconds given to the rotateImg
	function (0 for no rotate).
 */
var theImages = new Array() 
theImages[0] = "images/060418_306_med.jpg";
theImages[1] = "images/060418_703_med.jpg";
theImages[2] = "images/061024_0714_med.jpg";
theImages[3] = "images/061024_0811_med.jpg";
theImages[4] = "images/061025_0033_med.jpg";
theImages[5] = "images/061025_0121_med.jpg";
theImages[6] = "images/061025_0992_med.jpg";
theImages[7] = "images/061026_0043_med.jpg";
theImages[8] = "images/061026_1152_med.jpg";
theImages[9] = "images/061027_1192_med.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('<div class="image_medium"> ');
document.write('<img src="'+theImages[whichImage]+'" alt="image">');
document.write('</div> ');
}