// preloads images and sets mouseover/out events for all images inside a "mouseovers" container (container w/ id="mouseovers")
// ImagePrefix = the path of the image
// ImageSuffix = the file extension (including the period)
// ImageAlt = the suffix indicator for the mouseover image
// ImageIDPrefix = if image IDs are numeric, a letter must precede the name
// IgnorePrefix = any images with this prefix will not have a mouseover event
// example: mouseoverInit('../images/', '.gif', '_blur','p', 'x'); for MyImage
// the expected image ID would be pMyImage
// xMyOtherImage is ignored
// normal (off) image: ../images/MyImage.gif
// mouseover (on) image: ../images/MyImage_blur.gif
function mouseOverInit(ImagePrefix, ImageSuffix, ImageAlt, ImageIDPrefix, IgnorePrefix){
	if (document.getElementById)
		var x = document.getElementById('mouseovers').getElementsByTagName('img');
	else if (document.all)
		var x = document.all['mouseovers'].all.tags('img');
	else return;
	var ilist = new Object();
	for (var i=0; i<x.length; i++){
		// skip any tagged images in the mouseover range that we don't want to mouse over
		if ((IgnorePrefix != "") && (x[i].id.substring(0,IgnorePrefix.length) == IgnorePrefix)) continue;
		var f = x[i].id.substring(ImageIDPrefix.length);
		ilist[x[i].id + 'off'] = new Image;
		ilist[x[i].id + 'off'].src = ImagePrefix + f + ImageSuffix;
		ilist[x[i].id + 'on'] = new Image;
		ilist[x[i].id + 'on'].src = ImagePrefix + f + ImageAlt + ImageSuffix;
		//preloads[x[i].id + 'on'].onerror = function () {this.src='pix/default.gif'}
		x[i].onmouseover = function () {this.src=ilist[this.id + 'on'].src;}
		x[i].onmouseout = function () {this.src=ilist[this.id + 'off'].src;}
	}
}
