$(document).ready(function(){
	var $promobox = $('#promo-pop');
	var $overlay = $("<div id='overlay'></div>")
		.css({'minWidth':'100%','minHeight':'100%', 'height':'100%','backgroundColor':'#000000','zIndex':'100', 'position':'fixed','top':'0', 'left':'0','opacity':'0.5'})
		.insertBefore($promobox);
		 	
	$('a#close').click(function(){		
		removePromo();
		return false;
	});
	
	$overlay.click(function(){
		removePromo();
	});
	
	$(window).keydown(function(event){
		if (event.keyCode == '27'){
			removePromo();
		}		
	});
	
	$(document).bind('keydown', 'esc', function(){removePromo();});
	
	function removePromo(){
		$promobox.css('display', 'none');
		$overlay.css('display', 'none');
	}
});