/**
 * @author Hope
 */

 $(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:-10,left:0,background:"transparent "+bgimg+" no-repeat bottom left",opacity:0});
							$(this).find("#temp").stop().animate({opacity:1},1000);

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


			});