// JavaScript Document

/*****************************************
* Dissolving Image Rollover- By Roy Whittle (http://www.javascript-fx.com/)
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/

//Generate transition CSS (transition=0 to 23)
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.2,transition=0) }</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("1",  "./img/menu/menu_h_01.gif");
Rollover("2",  "./img/menu/menu_h_02.gif");
Rollover("3",  "./img/menu/menu_h_03.gif");
Rollover("4",  "./img/menu/menu_h_04.gif");
Rollover("5",  "./img/menu/menu_h_05.gif");
Rollover("6",  "./img/menu/menu_h_06.gif");

Rollover("p1",  "./img/portf_menu/portf_menu_h_01.jpg");
Rollover("p2",  "./img/portf_menu/portf_menu_h_02.jpg");
Rollover("p3",  "./img/portf_menu/portf_menu_h_03.jpg");
Rollover("p4",  "./img/portf_menu/portf_menu_h_04.jpg");
Rollover("p5",  "./img/portf_menu/portf_menu_h_05.jpg");
Rollover("p6",  "./img/portf_menu/portf_menu_h_06.jpg");
Rollover("p7",  "./img/portf_menu/portf_menu_h_07.jpg");