
function showLargePicture(src) {
  src = src.replace("s.jpg", ".jpg");



  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }


  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }


  scrollWidth = document.body.scrollWidth;
  scrollHeight = document.body.scrollHeight;

  document.getElementById("overlay").style.width = scrollWidth  + "px";
  document.getElementById("overlay").style.height = scrollHeight + "px";
  closetext = "<div class='close'><a href='javascript:hideLargePicture()'>bezár</a></div>";
  document.getElementById("overlaybigpicture").innerHTML = closetext + "<img src='"+ src +"' border='0' class='hotel' style='cursor:pointer; cursor:hand;' onclick='hideLargePicture()' />";

  var myimg = new Image();
  myimg.src = src;	
  picwidth = myimg.width;
  picheight = myimg.height;
  if (picwidth < 10) picwidth= 282;
  if (picheight < 10) picheight = 190;


  document.getElementById("overlaybigpicture").style.top = Math.round((myHeight - picheight) / 2) + scrOfY - 30 + "px";
  document.getElementById("overlaybigpicture").style.left = Math.round((myWidth - picwidth) / 2) + "px";
  document.getElementById("overlay").style.display = "block";
  document.getElementById("overlaybigpicture").style.display = "block";
  document.getElementById("overlaybigpicture").style.width = picwidth + "px";


  var myimg = new Image();
  myimg.src = src;	
  picwidth = myimg.width;
  picheight = myimg.height;
  if (picwidth < 10) picwidth= 282;
  if (picheight < 10) picheight = 190;

  document.getElementById("overlaybigpicture").style.top = Math.round((myHeight - picheight) / 2) + scrOfY + "px";
  document.getElementById("overlaybigpicture").style.left = Math.round((myWidth - picwidth) / 2) + "px";
  document.getElementById("overlaybigpicture").style.width = picwidth + "px";


}

function hideLargePicture() {
        document.getElementById("overlay").style.display = "none";
        document.getElementById("overlaybigpicture").style.display = "none";
}

