document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.3,transition=16) }</STYLE>');

document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.3,transition=16) }</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("about",  "images/nav/about_on.jpg");
Rollover("services", "images/nav/services_on.jpg");
Rollover("port", "images/nav/port_on.jpg");
Rollover("test", "images/nav/test_on.jpg");
Rollover("faq", "images/nav/faq_on.jpg");
Rollover("contact", "images/nav/contact_on.jpg");