startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace
        (" over", "");
   }
   }
  }
 }
}




function showImage(){
var theImages = new Array() 

theImages[0] = 'images/flw-cabbage.jpg'
theImages[1] = 'images/flw-lily.jpg'
theImages[2] = 'images/flw-orange-purple.jpg'
theImages[3] = 'images/flw-orange-stripes.jpg'
theImages[4] = 'images/flw-orchid.jpg'
theImages[5] = 'images/flw-peachy.jpg'
theImages[6] = 'images/flw-redrose2.jpg'
theImages[7] = 'images/flw-spiky.jpg'
theImages[8] = 'images/flw-white.jpg'
theImages[9] = 'images/flw-voilet.jpg'
theImages[10] = 'images/flw-yellow-circle.jpg'
theImages[11] = 'images/flw-yellow.jpg'
theImages[12] = 'images/flw-yellowcenter.jpg'
theImages[13] = 'images/flw-yelloworchid.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));
var whichImage = Math.round(Math.random()*(p-1));
//var flower = document.getElementById('imgflw');

//flower.setAttribute("src",theImages[whichImage]);
document.write("<img src='" + theImages[whichImage] + "' height='221' width='220' alt='Flower' id='imgflw'/>");

}


window.onload = function () {
	startList();
	
}