function galeriaInit() {
  //var pierwszy = document.body.firstChild;
  var element = document.createElement('span');
  element.innerHTML = '<div id="galeryBG" onClick="galeriaOff()" style="opacity:0.50; filter:alpha(opacity=50); -moz-opacity: 0.5; position:absolute; top:0px; left:0px; background-color:#555555; width:1px; height:1px; display:none; z-index:99;"></div><div id="galleryDivImg" onClick="galeriaOff()" style="position:absolute; background-color:none; width:100%; padding-top:50px; height:100px; text-align:center; display:none; z-index:100;"> <center> <img id="galleryLoader" onClick="galeriaOff()" alt="loader" src="images/loader.gif" alt=""> <div id="galleryImgFrame" style="background-color:#FFFFFF; padding-bottom:5px; display:none;"> <img id="galleryImg" onLoad="galeriaImgLoaded();" style="margin:5px;" src="images/icon_ltp_dout.jpg" alt="" alt=""><br /> <span id="galeria_opis_duze"></span> </div> </center></div>';
  document.body.insertBefore(element,document.body.firstChild);
  //var element2 = document.createElement('div');
  //element2.id = 'galleryAllpage';
  //document.body.appendChild(element2);  
  //alert(document.body.firstChild);
}

var param = 80;
var loaderSize = 60;
var pageMinWidth = 932;
var lastElement = 'galleryAllpage';
var opis = '';

var scrollPos = 0;


function galeriaOn(nazwa, o) {
  //alert(document.getElementById('galleryAllpage').offsetTop+document.getElementById('galleryAllpage').offsetHeight);
  //alert(document.body.offsetHeight+' '+document.body.scrollHeight);
  opis = o;
  var galleryBG = document.getElementById('galeryBG');
  galleryBG.style.width = (document.body.offsetWidth>pageMinWidth?document.body.offsetWidth:pageMinWidth)+'px';
  //var galleryAllpage = document.getElementById(lastElement);
  //galleryBG.style.height = (galleryAllpage.offsetTop+galleryAllpage.offsetHeight)+'px';
  galleryBG.style.height = document.body.scrollHeight+'px';
  galleryBG.style.display = '';
  
  //scrollPos = (document.all)?(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop):window.pageYOffset;
  scrollPos = typeof(window.pageYOffset)!='number'?((document.body && document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop):window.pageYOffset;
  
  var clientHeight = (window.innerHeight)?(window.innerHeight):((document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight);
  var pos = scrollPos + Math.round((clientHeight - loaderSize) / 2) - param;
  //var pos = scrollPos + param;
  if(pos<0) pos = 0;
  var galleryDivImg = document.getElementById('galleryDivImg');
  galleryDivImg.style.top = pos+'px';
  galleryDivImg.style.display = '';
  document.getElementById('galleryLoader').style.display = '';
  //document.getElementById('galleryImg').style.display = '';
  if(document.getElementById('galleryImg').src==nazwa) {
    effectImgLoaded();
  } else {
    document.getElementById('galleryImg').src=nazwa;
  }
  //alert(window.innerHeight+' '+document.body.clientHeight+' '+document.documentElement.clientHeight);
  //alert(scrollPos+' '+pos);

}

function galeriaImgLoaded() {
  //alert('test');
  document.getElementById('galleryLoader').style.display = 'none';
  var clientHeight = (window.innerHeight)?(window.innerHeight):((document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight);
  document.getElementById('galleryImgFrame').style.visibility = 'hidden';
  document.getElementById('galleryImgFrame').style.display = '';
  var pos = scrollPos + Math.round((clientHeight - document.getElementById('galleryImg').height) / 2) - param;
  document.getElementById('galleryDivImg').style.top = pos+'px';
  document.getElementById('galleryImgFrame').style.width = (document.getElementById('galleryImg').width + 10) + 'px';
  document.getElementById('galleryImgFrame').style.visibility = 'visible';
  if(opis!=undefined) document.getElementById('galeria_opis_duze').innerHTML = opis;
  else document.getElementById('galeria_opis_duze').innerHTML = '';
  //var pos = scrollPos + param;
}

function galeriaOff() {
  document.getElementById('galeryBG').style.display = 'none';
  document.getElementById('galleryDivImg').style.display = 'none';
  document.getElementById('galleryLoader').style.display = 'none';
  document.getElementById('galleryImgFrame').style.display = 'none';
}

function galeriaResize() {
  var galleryBG = document.getElementById('galeryBG');
  if(galleryBG.style.display!='none') {
    galleryBG.style.width = (document.body.offsetWidth>pageMinWidth?document.body.offsetWidth:pageMinWidth)+'px';
    //var galleryAllpage = document.getElementById(lastElement);
    //galleryBG.style.height = (galleryAllpage.offsetTop+galleryAllpage.offsetHeight)+'px';
    galleryBG.style.height = document.body.scrollHeight+'px';
  }
}
window.onresize = galeriaResize;