$(document).ready(function(){
// All our interactivity will be coded in here
	$(".rollover").hover(
		function(){
							
			// The user has rolled over the element
							
			$(this).append("<div id='temp'></div>");
			bgimg = $(this).css("backgroundImage");
			$(this).find("#temp").css({position:"absolute",width:"100%",height:"100%",top:0,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
			$(this).find("#temp").stop().animate({opacity:1},300);

						},
		function(){
							
			// The user has rolled out of the element
							
			$(this).find("#temp").stop().animate({opacity:0},800,function(){$(this).remove()});
						}
					);


			});