var theImages1 = new Array()
var theImages2 = new Array()
var theImages3 = new Array()

theImages1[0] = 'images/Banner Images/Portrait/port1.jpg'
theImages1[1] = 'images/Banner Images/Portrait/port2.jpg'
theImages1[2] = 'images/Banner Images/Portrait/port3.jpg'
theImages1[3] = 'images/Banner Images/Portrait/port4.jpg'

theImages2[0] = 'images/Banner Images/Figurative/fig1.jpg'
theImages2[1] = 'images/Banner Images/Figurative/fig2.jpg'
theImages2[2] = 'images/Banner Images/Figurative/fig3.jpg'
theImages2[3] = 'images/Banner Images/Figurative/fig4.jpg'

theImages3[0] = 'images/Banner Images/Landscape/land1.jpg'
theImages3[1] = 'images/Banner Images/Landscape/land2.jpg'
theImages3[2] = 'images/Banner Images/Landscape/land3.jpg'
theImages3[3] = 'images/Banner Images/Landscape/land4.jpg'

var j = 0
var p = theImages1.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages1[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage1(){
document.write('<img src="'+theImages1[whichImage]+'">');
}

var j = 0
var p = theImages2.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages2[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage2(){
document.write('<img src="'+theImages2[whichImage]+'">');
}

var j = 0
var p = theImages3.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages3[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage3(){
document.write('<img src="'+theImages3[whichImage]+'">');
}