$(function(){
        
    var pageWidth = $('body').width();
    var pageHeight = ($('body').height() > $(window).height()) ? $('body').height() : $(window).height();
	
    var popup = $('<div></div>').html('<img src="'+WEBROOT+'/files/images/intro.jpg" alt="" />');
    var popupOverlay = $('<div></div>')
    .css({
        'position' : 'absolute'
       ,'width' : pageWidth + 'px'
       ,'height' : pageHeight + 'px'
       ,'left' : '0px'
       ,'top' : '0px'
       ,'background' : '#000'
       ,'z-index' : 100
       ,'opacity' : 0.75
    })
    .click(function(){
        popup.hide();
        popupOverlay.hide();                
    });
    
    var width = 839;
    var top = parseInt(($(window).height() - 450) / 2);
    
    popup
    .append('<div><button class="button"><span>ZAVRIEŤ</span></button></div>')
    .css({
        'position' : 'absolute'
       ,'top' : top + 'px'
       ,'left' : ((pageWidth - width) / 2) + 'px'
       ,'z-index' : 100
       ,'border-radius' : '10px'
       ,'-moz-border-radius' : '10px'
       ,'background' : '#FFF'
       ,'padding' : '10px'
       ,'text-align' : 'center'
       ,'width' : width + 'px'
    })
    .show();
    
    popup
    .find('button')
    .click(function(){
        popup.hide();
        popupOverlay.hide();
    });
    
    $('body').append(popupOverlay);
    $('body').append(popup);
        
});