// Use this code to preload and dynamically change images by clicking on links
//
// EXAMPLE:
// 
// <script language="JavaScript" src="/common/images.js"></script>
// <SCRIPT LANGUAGE="JavaScript">
// <!--
// preload('imageA','imageA.gif')
// preload('imageB','imageB.gif')
// //-->
// </SCRIPT>
// 
// <A HREF="javascript:changeImage('imgDiv','myImg','imageA')">Change to imageA</A> <BR>
// <A HREF="javascript:changeImage('imgDiv','myImg','imageB')">Change to imageB</A>
//
//<DIV ID="imgDiv"><IMG NAME="myImg" SRC="imageA.gif" WIDTH=75 HEIGHT=75 BORDER=0>
//</DIV>


// imgObj - name used to refer to this image
// imgSrc - url referring to image  -- ie, "/image/stop.gif"

function preload(imgObj,imgSrc) {
	if (document.images) {
		eval(imgObj+' = new Image()')
		eval(imgObj+'.src = "'+imgSrc+'"')
	}
}


// layer - name of DIV layer containing this image
// imgName - "name" attribute of this <IMG> tag
// imgObj - preloaded image (see above) which we assign as src to imgName

function changeImage(layer,imgName,imgObj) {
	if (document.images) {
		if (document.layers && layer!=null) eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src')
		else document.images[imgName].src = eval(imgObj+".src")
	}
}