function jFadeInit(context){
$("div.projectlink a span",(typeof context == 'object' && context) || document.body)
.jFade({
	trigger: "mouseover",
	property: 'background',
	start: 'ffffff',
	end: '000000',
	steps: 12,
	duration: 12
}).jFade({
	trigger: "mouseout",
	property: 'background',
	start: '000000',
	end: 'ffffff',
	steps: 12,
	duration: 12
});
$(".supamenu li a, .supamenu li ul li a").jFade({
	trigger: "mouseover",
	property: 'background',
	start: 'FFFFFF',
	end: 'eae8e7',
	steps: 1,
	duration: 1
}).jFade({
	trigger: "mouseout",
	property: 'background',
	start: 'eae8e7',
	end: 'FFFFFF',
	steps: 12,
	duration: 12
});
$(".footer").jFade({
	trigger: "mouseover",
	property: 'background',
	start: 'FFFFFF',
	end: 'FFFFFF',
	steps: 1,
	duration: 1
}).jFade({
	trigger: "mouseout",
	property: 'background',
	start: 'FFFFFF',
	end: 'FFFFFF',
	steps: 1,
	duration: 1
});
}
$(document).ready(jFadeInit);

$(document).ready(function(){
$(".infooverlayfade").fadeTo("fast", 0.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads

$(".infooverlayfade").hover(function(){
$(this).fadeTo("fast", 1); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("fast", 0.0); // This should set the opacity back to 60% on mouseout
});
});