// Author:      blumenuw
// Date:        2002-02-13
// Description: Replace an image dynamically. Note that all images must be preloaded!
// Usage:
// load_image (      Pre-loads an image when the page has loaded. Call this in <body onload="...">.
//    logicalName    The name of the image object.
//    filename       The filename of the image file.
// )
//
// change_image (    Replace an image dynamically.
//    name           The name of the image object. This is the same as in <img name="...">
//    logicalName    The name of the image object. Its image will be inserted.
// )
//
// HTML usage:
// <head>
// <script src="/common_scripts/image_replace.js" type="text/javascript" language="javascript"></script>
// </head>
// <body onload="load_image('white', 'white.gif');load_image('black', 'black.gif');">
// <img src="white.gif" name="colorGif">
// <a href="javascript:changeImage('colorGif', 'black');">Change image to black</a>
// </body>


// create the image array
var imagePool = new Array();

// load the image into the image array
function load_image(imageKey, imageSrc) {
	imagePool[imageKey] = new Image();
	imagePool[imageKey].src = imageSrc;
}

// change image
function change_image (imageTagName,imageKey) {
	// alert("Change '" + imageTagName + "' to '" + imageKey + "': " + imagePool[imageKey].src);
	document.images[imageTagName].src = imagePool[imageKey].src;
}
