/* How to use:
* place this code in your body and modify:
<script>
var imgs = {
image1:"image1.jpg",
image2:"image2.jpg"
};
ImgPreload(imgs);
</script>
<a onmouseover="ImgOver('image1','image2');" onmouseout="ImgOut('image1','image1');" onclick="return false;" href="#"><img src="image1.jpg" border="0" alt="" name="image1"></a><br>
*/

var ImgLoaded=new Array();

function ImgPreload(imgArray) {
	listString = "";
	for (var val in imgArray) {
		ImgLoaded[val] = new Image();
		ImgLoaded[val].src = imgArray[val];
	}
}
function ImgOver(imgName,imgName2) { 
	if (document.getElementById && document.getElementById(imgName)) {
		document.getElementById(imgName).src = ImgLoaded[imgName2].src;
	}
}