$(document).ready(function() {
 
	var picture = '/public/images/promocja-oprogramowania.png';
	var img = new Image();
	img.src = picture;
	
	img.onload = function() {
		$('<div id="modal"></div>').appendTo('body');
		$('<img src="' + picture + '" alt="Promocja oprogramowania" id="skrin" />').appendTo('body');
		$('<div id="close"></div>').appendTo('body');
		var modal = $('#modal').css(
			{
				'position' : 'fixed',
				'top' : 0,
				'left' : 0,
				'background' : '#000',
				'opacity' : 0.4,
				'width' : '100%',
				'height' : '100%'
			}
		);
		
		var skrin = $('#skrin').css(
			{
				'position' : 'fixed',
				'top' : Math.ceil(window.innerHeight/2-img.height/2) + 'px',
				'left' : Math.ceil(window.innerWidth/2-img.width/2) + 'px',
				'width' : img.width,
				'height' : img.heignt
			}
		)
			
		$('#close').css(
			{
				'width': '47px',
				'height' : '47px',
				'opacity' : 0.5,
				'position' : 'fixed',
				'top' : Math.ceil(window.innerHeight/2-img.height/2 + 18) + 'px',
				'left' : Math.ceil(window.innerWidth/2-img.width/2 + 763) + 'px',
				'cursor' : 'pointer'
			}
		).click(function() {
			modal.remove();
			skrin.remove();
		});
	}
 
 });