/*****************************************
* 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:blendTrans(duration=0.4) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.2,transition=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].apply();
	//document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = document.images[imgName].offSrc;
	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("image01",  "images/gallery/Image01_Thumb.jpg");

Rollover("image02",  "images/gallery/Image02_Thumb.jpg");
Rollover("image03",  "images/gallery/Image03_Thumb.jpg");
Rollover("image04",  "images/gallery/Image04_Thumb.jpg");
Rollover("image05",  "images/gallery/Image05_Thumb.jpg");
Rollover("image06",  "images/gallery/Image06_Thumb.jpg");
Rollover("image07",  "images/gallery/Image07_Thumb.jpg");
Rollover("image08",  "images/gallery/Image08_Thumb.jpg");
Rollover("image09",  "images/gallery/Image09_Thumb.jpg");
Rollover("image10",  "images/gallery/Image10_Thumb.jpg");
Rollover("image11",  "images/gallery/Image11_Thumb.jpg");
Rollover("image12",  "images/gallery/Image12_Thumb.jpg");

Rollover("home",  "images/nav/Nav_Home_On.gif");
Rollover("bio",  "images/nav/Nav_biography_On.gif");
Rollover("design",  "images/nav/Nav_Design_On.gif");
Rollover("gallery",  "images/nav/Nav_Gallery_On.gif");
Rollover("contact",  "images/nav/Nav_Contact_On.gif");

Rollover("bio1",  "images/nav/home/Home_Nav_Biography_On.gif");
Rollover("design1",  "images/nav/home/Home_Nav_Process_On.gif");
Rollover("gallery1",  "images/nav/home/Home_Nav_Gallery_On.gif");
Rollover("contact1",  "images/nav/home/Home_Nav_Contact_On.gif");