/*
Title:     		Home
Desc:			Fade in colour image on hover
Author:     	Mark Croxton, mcroxton@hallmark-design.co.uk
Copyright:		Hallmark Design
Updated:    	April 04 2008
*/

$(document).ready(function() {
	$('h3 > a').each(
		function (i) {
			$(this).html( $(this).html() + '<span></span>');
			
			//set opacity to 0
			$(this).children('span').fadeTo(1,0,'');

			$(this).hover(
				function() { //mouseover	
					$(this).children('span').css({
						visibility: 'visible'
					});
					$(this).children('span').fadeTo("normal",1,'');
				},
				function() { //mouseout
					$(this).children('span').fadeTo("slow",0,'');
				}
			);
			
		}
	);
});