function initCustomOverlays()
{
   var overlays = $('body>.overlay');
      
   var overlayCloseBtn = $('<div class="close"></div>');
   overlayCloseBtn.click(function(){$(this).css('visibility', 'hidden').parents('.overlay').stop().fadeTo(300, 0.1, function(){$(this).css('display', 'none')})});
   overlays.each(function(){$(this).append(overlayCloseBtn.clone(true));})
   
   var overlayTriggers = $('a[rel^=#charity]')
    	.click(function()
		{
			var  trigger = $(this);
			$('body>.overlay').css('display', 'none');
			var target = $(trigger.attr('rel'));
			target
				.stop()
				.css({
					position: 'absolute',
					left: trigger.offset().left + 'px',
					top: trigger.offset().top + trigger.height() + 'px',
					opacity: 0.1,
					display: 'block'
					})
				.fadeTo(300, 1, function(){$(this).find('.close').css('visibility', 'visible')});
			return false;
		})
}