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

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.2) }</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("aa",  "images/dh/dh_t_01.gif");
Rollover("bb",  "images/dh/dh_t_02.gif");
Rollover("cc",  "images/dh/dh_t_03.gif");
Rollover("dd",  "images/dh/dh_t_04.gif");
Rollover("ii",  "images/dh/dh_t_05.gif");
Rollover("jj",  "images/dh/dh_t_06.gif");
Rollover("ee",  "images/dh/dh_t_07.gif");
Rollover("ff",  "images/dh/dh_t_08.gif");
Rollover("gg",  "images/dh/dh_t_09.gif");
Rollover("hh",  "images/dh/dh_t_10.gif");