//Generate transition CSS (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.4,transition=19) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
	onImages[imgName] = new Image();
	onImages[imgName].src = imgSrc;
}

function turnOn(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].apply();
	document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = onImages[imgName].src;
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].play();
}

function turnOff(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}

//Specify name of participating images, plus paths to their onMouseover replacements:
Rollover("zs",  "images/2jym-22-x.gif");
Rollover("hc",  "images/2jym-23-x.gif");
Rollover("bs",  "images/2jym-24-x.gif");
Rollover("zx",  "images/2jym-25-x.gif");
Rollover("dmt",  "images/2jym-26-x.gif");
Rollover("wz",  "images/2jym-27-x.gif");
Rollover("vi",  "images/2jym-28-x.gif");
Rollover("bg",  "images/2jym-29-x.gif");
Rollover("cx",  "images/2jym-30-x.gif");
Rollover("bz",  "images/2jym-31-x.gif");
Rollover("hb",  "images/2jym-32-x.gif");
Rollover("lp",  "images/2jym-33-x.gif");