
(function($) {
	$.fn.FadeOverlay = function(settings) {
		settings = $.extend({
			alphaStart: 0,
			alphaEnd: 0.9
		}, settings);

		var target = $(this);
		target.each(function() {
			$(this).hover(mouseOverEvent, mouseOutEvent);
		}).append('<span class="overlay"></span>').css("position", "relative");
	
		target.children("span.overlay").css("opacity", settings.alphaStart);
	
		function mouseOverEvent(e) {
			$(this).children("span.overlay").stop().fadeTo(300, settings.alphaEnd);
		}
	
		function mouseOutEvent(e) {
			$(this).children("span.overlay").stop().fadeTo(300, settings.alphaStart);
		}
		
		return this;
	}
})(jQuery);
