function hoverfade(element) {
	$(element).append('<span class="hoverwrap"><span class="hover"></span></span>');
	$(element).css({
		'overflow' : 'hidden',
		'line-height' : '0',
		'font-size' : '0',
		'overflow' : 'hidden'
	});
	$(element + ' span.hoverwrap').each(function() {
		$(this).width($(this).parent().width());
		$(this).height($(this).parent().height());
		$(this).css({
			'float' : 'left',
			'display' : 'block',
			'overflow' : 'hidden'
		});
	});
	$(element + ' span.hover').each(function() {
		$(this).width($(this).parents(element).width());
		$(this).height(($(this).parents(element).height()) * 2);
		$(this).css({
			'display' : 'block',
			'float' : 'left',
			'text-indent' : '0',
			'background-image' : $(this).parents(element).css('background-image'),
			'background-position' : $(this).parents(element).css('background-position'),
			'margin-top' : (($(this).parents(element).height()) * -1),
			'overflow' : 'hidden',
			'position' : 'relative',
			'z-index' : '500'
		});
		$(this).hide();
	});
	
	$(element).each(function(i) {
		i = $(this).css('background-position');
		$(this).hover(
			function() {
				$(this).css('background-position', i);
				$(this).find('.hover').fadeIn(450);
			},
			function() {
				$(this).find('.hover').fadeOut(300);
			}
		);
	});
};