// JavaScript Document

// Set up the image files to be used.
var theImages_small_left = new Array() // do not change this
var theImages_small_right = new Array() // do not change this
var theImages_big = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages_small_left[0] = 'intro_kl_left_1.jpg'
theImages_small_left[1] = 'intro_kl_left_2.jpg'
theImages_small_left[2] = 'intro_kl_left_3.jpg'

theImages_small_right[0] = 'intro_kl_right_1.jpg'
theImages_small_right[1] = 'intro_kl_right_2.jpg'
theImages_small_right[2] = 'intro_kl_right_3.jpg'

theImages_big[0] = 'intro_gr_1.jpg'
theImages_big[1] = 'intro_gr_2.jpg'
theImages_big[2] = 'intro_gr_3.jpg'

// do not edit anything below this line

var j = 0
var p = theImages_small_left.length;
var s = theImages_small_right.length;
var b = theImages_big.length;

var preBuffer = new Array()

for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages_small_left[i]
}

for (x = 0; x < s; x++){
   preBuffer[x] = new Image()
   preBuffer[x].src = theImages_small_right[x]
}

for (y = 0; y < b; y++){
   preBuffer[y] = new Image()
   preBuffer[y].src = theImages_big[y]
}

var whichImageLeft = Math.round(Math.random()*(p-1));
var whichImageRight= Math.round(Math.random()*(s-1));
var whichImageBig= Math.round(Math.random()*(b-1));

function showImage_Top(){
document.write('<img src="images/'+theImages_small_left[whichImageLeft]+'" width="126" height="126" class="imgWhiteBorder" style="margin-right: 4px;"><img src="images/'+theImages_small_right[whichImageRight]+'" width="126" height="126" class="imgWhiteBorder">');
}

function showImage_Big(){
document.write('<img src="images/'+theImages_big[whichImageBig]+'" class="imgWhiteBorder">');
}