$(document).ready(function(){
	$("body").append('<div id="popupbg"></div><div id="popup"><img alt="Wir machen Betriebsferien" src="images/mediaseven/popup/popup-betriebsferien.jpg"/></div><div id="close"></div>');
	
	$("#popup").hide();
	$("#popupbg").hide();
	$("#close").hide();

	
	$("#popup").css({
		'position' : 'absolute',
		'z-index' : '99998',
		'top' : '0px',
		'margin-top' : '50px',
		'box-shadow' : '0 0 5px 5px rgba(0,0,0,0.2)',
		'width' : '555px',
	});
	
	$("#popup").css({
		'margin-left' : '300px'
	});
	
	
	$("#popupbg").css({
		'background-image' : 'url(images/mediaseven/popup/bg.png)',
		'position' : 'absolute',
		'top' : '0px',
		'width' : '100%',
		'height' : '100%',
		'z-index' : '99997'
	});
	
	$("#close").css({
		'background-image' : 'url(images/mediaseven/popup/close.png)',
		'position' : 'absolute',
		'top' : '0px',
		'width' : '37px',
		'height' : '37px',
		'z-index' : '99999',
		'margin-top' : '34px',
		'margin-left' : '282px'
	});
	
	
	$("#popupbg").fadeIn('slow', function() {
		$("#popup").fadeIn(500);
		$("#close").fadeIn(500);
	});
	
	$("#popupbg").click(function() {
		
		$("#popupbg").fadeOut();
		$("#popup").fadeOut();
		$("#close").fadeOut();
		
	});
	
	$("#close").click(function() {
		
		$("#popupbg").fadeOut();
		$("#popup").fadeOut();
		$("#close").fadeOut();
		
	});
	
	
	$(document).bind('keydown', function(e) { 
		if (e.which == 27) {
			$("#popupbg").fadeOut();
			$("#popup").fadeOut();
			$("#close").fadeOut();
		}
	}); 
	
	
});