$(document).ready(function() {
    $('#mask').hide();
});
function showPopup()
{
       
        $('#mask').show();
         
        // window size 
        var maskHeight = $(window).height();
        var maskWidth = $(window).width();        

        // mask
        
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        
//        var width_img = $('#mask_pop img').width();
//        var height_img = $('#mask_pop img').height();

        var width_img = 380;
        var height_img = 253;
        
        var new_width = (maskWidth - width_img)/2;
        var new_height = (maskHeight - height_img)/2;          

        //transition effect
        $('#mask_pop').fadeIn(500);

         // pop on the center crean
        $('#mask_pop').css({'width':width_img,'height':height_img});
        $('#mask_pop').css({'left':new_width,'top':new_height});
       
	
	//if pop is closed
	$('#mask').click(function () {
             $(this).hide();
             $('#mask_pop').hide();
             $('.window').hide();
	});
        
        //if pop is closed
        $('#mask_pop').click(function () {
             $('#mask_pop').hide();
             $('#mask').hide();
	});

        

}

function zamknij(){
     $('#mask_pop').hide();
     $('#mask').hide();
}