$(document).ready(function() {

$('a.aboutLink').click(function() {
	
	// add background
    $('<div id="popUpBg"></div>')
		.css({
			'opacity' : 0,
			'background' : '#000',
			'width' : '100%',
			'height' : $(document).height(),
			'position' : 'absolute',
            'top' : 0,
			'left' : 0,
			'z-index' : 9998
			})
		.appendTo('body');

	$('#popUpBg').animate({ 'opacity' : .7}, 'fast', function() { 	showAboutWindow(); });

	function showAboutWindow() {
		$('#aboutPopUp')
			.css({
			'z-index' : 999,
			'top' : $(window).scrollTop() + 65 + 'px',
			'left' : '65px',
            'position' : 'absolute',
            'z-index' : 9999			
			})		
		.fadeIn();
       backgroundResize();
	}
	
	$('.closeButton').click(function() {
		$('#aboutPopUp').fadeOut('fast', function() { removeBackground(); });
	});
	
	function removeBackground() {
		$('#popUpBg').fadeOut('fast',function() { $('#popUpBg').remove(); });
	};
	
	function backgroundResize() {
	  $('#popUpBg').css({
		'height' : $(document).height()	  
	  });
	}
	
    return false;

	});



});