//////////////////////////////////// setVariables
//
//
// 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] = 'images/cat0.jpg'
theImages[1] = 'images/cat1.jpg'
theImages[2] = 'images/cat2.jpg'
theImages[3] = 'images/cat3.jpg'
theImages[4] = 'images/cat4.jpg'
theImages[5] = 'images/cat5.jpg'
theImages[6] = 'images/cat6.jpg'
theImages[7] = 'images/cat7.jpg'
theImages[8] = 'images/cat8.jpg'
theImages[9] = 'images/cat9.jpg'
theImages[10] = 'images/cat10.jpg'
theImages[11] = 'images/cat11.jpg'
theImages[12] = 'images/cat12.jpg'
theImages[13] = 'images/cat13.jpg'
theImages[14] = 'images/cat14.jpg'
theImages[15] = 'images/cat15.jpg'
theImages[16] = 'images/cat16.jpg'
theImages[17] = 'images/cat17.jpg'
theImages[18] = 'images/cat18.jpg'
theImages[19] = 'images/cat19.jpg'
theImages[20] = 'images/cat20.jpg'
theImages[21] = 'images/cat21.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 src="'+theImages[whichImage]+'">');
}
//
//
////////////////////////////////////// mouseover script
//
//
function mOvr(src,clrOver) {
    if (!src.contains(event.fromElement)) {
	src.style.cursor = 'hand';
	src.bgColor = clrOver;
    }
}
function mOut(src,clrIn) {
    if (!src.contains(event.toElement)) {
	src.style.cursor = 'default';
	src.bgColor = clrIn;
    }
}
function mClk(src) {
    if(event.srcElement.tagName=='TD'){
	src.children.tags('A')[0].click();
    }
}