var obiekt_galeria     = null;
var obiekt_galeria_img = null;

//.................................................................................................

                                                                                //        visibility:visible;
                                                                                //        visibility:hidden;
function showElement(url) {


  if (obiekt_galeria === null) {
    
    obiekt_galeria = jQuery('#images');
    obiekt_galeria.css('z-index', 1000);
    
    obiekt_galeria.html('<img alt="" style="border:solid 1px #9f7d40; cursor:pointer;" title="Click to close image" />');
    
    obiekt_galeria_img = obiekt_galeria.children('img');
    
    
    obiekt_galeria.css('visibility', 'hidden');
    obiekt_galeria.show();
                                                                                //console.log(obiekt_galeria_img.size());
    
    obiekt_galeria_img.click(function(){
        
        obiekt_galeria.css('visibility', 'hidden');
                                                                                //console.log('klik na obrazku');
        });
    
    obiekt_galeria_img.load(function(){
                                                                                //console.log('teraz ładujemy obrazek');
        repositionElement();
        obiekt_galeria.css('visibility', 'visible');
        });
    }
  

  obiekt_galeria_img.attr('src', url);
  
  
  
  }

//.................................................................................................

function repositionElement() {

    var layer = document.getElementById('images');


    if (self.innerWidth) {
        
    	frameWidth = self.innerWidth;
    	frameHeight = self.innerHeight;
        }
    
    else if (document.documentElement && document.documentElement.clientWidth) {
        
    	frameWidth = document.documentElement.clientWidth;
    	frameHeight = document.documentElement.clientHeight;
        }
    
    else if (document.body) {
        
    	frameWidth = document.body.clientWidth;
    	frameHeight = document.body.clientHeight;
        }         

    var y = 0;

    if (navigator.appName != "Microsoft Internet Explorer")
        y = pageYOffset;
    else
        y = document.documentElement.scrollTop;

    layer.style.left = (frameWidth - layer.offsetWidth) /2 + 'px';
    layer.style.top = y + (frameHeight - layer.offsetHeight) /2 + 'px';
    }


//.................................................................................................