$(document).ready(function() {
var background = $('<div/>');
	 $(background).attr('id', 'overlayBackground').css({
		 'width' : $(window).width(),
		  'height' : $(document).height(),
		  'position'	:	'absolute',
		  'top'	:	'0px',
		  'left'	:	'0px',
		  'opacity'	:	'0.6',
		  'z-index'	:	'99'
		}).fadeIn(1000);
	$('body').append(background);
	 /* get the block to be displayed in overlayer */
	$happy_top = ($(window).height() - $('#happy2012').height())/2;
	$happy_left = ($(window).width() - $('#happy2012').width())/2;

	 $('#happy2012').css({
		'position' : 	'fixed',
		'top'	: 	$happy_top,
		'left'	:	$happy_left,
		'opacity'	: '1',
		'z-index'	:	'100'
	 });
    $('#happy2012').fadeIn(2000);
	 $('div#overlayBackground').bind('click', function() {
		 $('#happy2012').fadeOut(1000);
		 $('div#overlayBackground').fadeOut(1000, function()
		  {
			   $(this).remove();
		  });
	 });
});