$(document).ready(function(){
			
			var imgheight = $("h1").height();
			var imgwidth = $("h1").width();
			
		    // Create overlay (id="box" is a div with rounded corners according to http://web-graphics.com/mtarchive/001660.php) and append to body:
		    $('<div id="overlay"><div id="left"></div><div id="middle"><div id="top"></div><div id="box"><b class="btop"><b></b></b><b class="bbot"><b></b></b></div><div id="bottom"></div></div><div id="right"></div></div>').hide().appendTo('body');
			
			$('#left').css({
			height: $(window).height() + 'px',
			//border:'1px solid #f00',
			width: $("h1").offset().left + 'px',
			});
			
			$('#middle').css({
			height: $(window).height() + 'px',
			width: imgwidth + 'px',
			});
			
			$('#top').css({
			height: $("h1").offset().top + 'px',
			width: imgwidth + 'px',
			});			
			
			$('#box').css({
			height: imgheight + 'px',
			width: imgwidth + 'px',
			});	
			
			var imgoffsettop = $("h1").offset().top + imgheight;
			var imgheightrest = $(window).height() - imgoffsettop;
			
			$('#bottom').css({
			height: imgheightrest + 'px',
			width: imgwidth + 'px',
			});
			
			var imgoffsetleft = $("h1").offset().left + imgwidth;
			var imgwidthrest = $(window).width() - imgoffsetleft;
			
			$('#right').css({
			height: $(window).height() + 'px',
			width: imgwidthrest + 'px',
			});

			var imgfillheight = imgheight - 20;
			
						
			$('b.bbot').css({
			margin: imgfillheight + 'px 0 0 0',
			});
			
			$('#overlay').css({
			    position: 'fixed',
			    top: 0,
			    left: 0,
		    });
			

		   
		    // To turn Overlay on: assign click function to link:
		    $('#overlay-on').click(function(){
		        // SHOW overlay
		        $('#overlay').show();
		        return false;
		    });
			
			// To turn Overlay off: Assign click function to whole overlay:
		    $('#overlay').click(function(){
		        // SHOW overlay
		        $('#overlay').hide();
		        return false;
		    });
		   
		});