//Generate transition CSS (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.4,transition=15) }</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("meet",  "/images/meet_coach_home_over.gif");
Rollover("what",  "/images/what_coach_home_over.gif");
Rollover("empower",  "/images/empower_home_over.gif");
Rollover("success",  "/images/success_home_over.gif");
Rollover("resource",  "/images/resource_home_over.gif");
Rollover("events",  "/images/events_home_over.gif");
Rollover("contact",  "/images/contact_home_over.gif");
Rollover("home",  "../images/home_nav_over.gif");
Rollover("meetx",  "../images/meet_coach_nav_over.gif");
Rollover("whatx",  "../images/what_coach_nav_over.gif");
Rollover("empowerx",  "../images/empower_nav_over.gif");
Rollover("successx",  "../images/success_nav_over.gif");
Rollover("resourcex",  "../images/resource_nav_over.gif");
Rollover("eventsx",  "../images/events_nav_over.gif");
Rollover("contactx",  "../images/contact_nav_over.gif");