//preload the images... most new (v4+) browsers support this...
if (document.images)
{
	preload_image_object = new Image();
	// set image url
	image_url = new Array();
	image_url[0] = "images/image1.jpg";
	image_url[1] = "images/image2.jpg";
	image_url[2] = "images/image3.jpg";
	image_url[3] = "images/image4.jpg";
	image_url[4] = "images/image5.jpg";
	image_url[5] = "images/image6.jpg";
	image_url[6] = "images/image7.jpg";
	image_url[7] = "images/image8.jpg";
	image_url[8] = "images/image9.jpg";

	var i = 0;
	for(i=0; i<=8; i++) 
		preload_image_object.src = image_url[i];
}

function swapImage(imagename)
{
	var newContent = "images/" + imagename + ".jpg";
	document.getElementById("TheMenuImage").src = newContent;
}


//old code for swapping image - used DOM, but was too messy....

	//create the source of the image...
//	var newContent = "images/" + imagename + ".jpg";
	//clear the html from the image holder DIV...
//	so_clearInnerHTML(document.getElementById("MenuImage"));
	//create the new image element...
//	var newimg = document.createElement("img");
	//set its attribute for its SouRCe...
//	sa(newimg, "src", newContent);
	//insert it into the DIV...
//	document.getElementById("MenuImage").appendChild(newimg);

//function so_clearInnerHTML(obj) {
	// perform a shallow clone on obj
//	nObj = obj.cloneNode(false);
	// insert the cloned object into the DOM before the original one
//	obj.parentNode.insertBefore(nObj,obj);
	// remove the original object
//	obj.parentNode.removeChild(obj);
//}

//function sa(obj,attr,val) {
//	obj.setAttribute(attr,val);
//}