/*****************************************
* 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.4,transition=10) }</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("home",  "images/nav/home_over.jpg");
Rollover("projects",  "images/nav/projects_over.jpg");
Rollover("profile",  "images/nav/profile_over.jpg");
Rollover("sketchbox",  "images/nav/sketchbox_over.jpg");
Rollover("pyb",  "images/nav/pyb_over.jpg");
Rollover("contactus",  "images/nav/contactus_over.jpg");
Rollover("project1",  "images/nav/project1_onclick.jpg");
Rollover("project2",  "images/nav/project2_onclick.jpg");
Rollover("project3",  "images/nav/project3_onclick.jpg");
Rollover("project4",  "images/nav/project4_onclick.jpg");
Rollover("project5",  "images/nav/project5_onclick.jpg");
Rollover("project6",  "images/nav/project6_onclick.jpg");
Rollover("blog",  "images/nav/blog_onclick.jpg");
Rollover("gallery",  "images/nav/gallery_onclick.jpg");