$(document).ready(function(){
 
    //Set opacity on each span to 0%
    $(".rollover").css({'opacity':'0'});
 
	$('.img_list a').hover(
		function() {
			$(this).find('.rollover').stop().fadeTo(500, 1);
		},
		function() {
			$(this).find('.rollover').stop().fadeTo(250, 0);
		}
	)
	
	/*
	//Banner stuff		
	// commented out - I have replaced this with some jQuery stuff in the header
	// subsequently we dont need jQuery.cycle any more, Joe =]
	$("#slideshow").css("display", "block");
	
	$('#slideshow').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed:  900,
		speedIn:  1750,
		speedOut: 2300,
		timeout: 100,
		autostop:      1,
		continuous: 1
	});
	*/
	
	
});