jQuery(document).ready(function() {

	jQuery("a.hovereffect").hover(
		function () {

			if(jQuery(this).children(".overlay").length == 0) {

				var image = jQuery(this).css('background-image');
				var height = jQuery(this).css('height');

				jQuery(this).append('<div class="overlay"></div>');

				jQuery(this).children(".overlay").hide();
				jQuery(this).children(".overlay").css('background-image', image);
				jQuery(this).children(".overlay").css('height', height);
			}

			jQuery(this).children(".overlay").fadeIn();
		},
		function () {
			jQuery(this).children(".overlay").fadeOut();
		}
	);

});