function showImage(arr, seq) {
  count = images[arr].length;
  if (seq!=null)
  {
    clearDiv();
    var detailwrap = document.getElementById("fotoWrap");
    var detail = document.getElementById("foto");
    var photo = document.getElementById("image");
    var arprev = document.getElementById("prev");
    var arnext = document.getElementById("next");
    var description = document.getElementById("desc");
    var wintab = document.getElementById("tab");
  	var tabHeight, detailScroll, yScroll, wh;
    	if (self.innerHeight) {
    		tabHeight = self.innerHeight;
    	} else if (document.documentElement && document.documentElement.clientHeight) {
    		tabHeight = document.documentElement.clientHeight;
    	} else if (document.body) {
  	  	tabHeight = document.body.clientHeight;
    	}
  		if (window.innerHeight && window.scrollMaxY) {	
  			detailScroll = window.innerHeight + window.scrollMaxY;
  		} else if (document.body.scrollHeight > document.body.clientHeight){
  			detailScroll = document.body.scrollHeight;
  		} else {
  			detailScroll = document.body.clientHeight;
  		}
			if (self.pageYOffset) {
				yScroll = self.pageYOffset;
			} else if (document.documentElement && document.documentElement.scrollTop){
				yScroll = document.documentElement.scrollTop;
			} else if (document.body) {
				yScroll = document.body.scrollTop;
			}
      detail.style.height = detailScroll + 'px';
      wintab.style.top = yScroll + 'px';
      wintab.style.height = tabHeight + 'px';
      detailwrap.style.visibility = 'visible';

      if (seq != 0) {
        arprev.style.display = 'block';
        arprev.onclick = function() { seq--; return showImage(arr, seq);};
      } else {
        arprev.style.display = 'none';
        arprev.onclick = function() { return false;};
      }
      if (seq < count-1) {
        arnext.style.display = 'block';
        arnext.onclick = function() { seq++; return showImage(arr, seq);};
      } else {
        arnext.style.display = 'none';
        arnext.onclick = function() { return false;};
      }
      var text = document.createTextNode(images[arr][seq].desc);
      var close = document.createElement("a");
      close.setAttribute('title', 'zavřít');      
      close.setAttribute('id', 'closer'); 
      close.setAttribute('href', '#'); 
      close.onclick = function() { return showIndex();};    
      var img = document.createElement("a");
      img.style.display = 'block';
      img.style.width = images[arr][seq].width + 'px';
      img.style.height = images[arr][seq].height + 'px';
      img.setAttribute('href', 'http://www.pragueconspiracy.cz/'); 
      photo.style.width = images[arr][seq].width + 'px';

      img.style.background = 'url(' + images[arr][seq].href + ') center center no-repeat';
      photo.appendChild(img); 

      photo.appendChild(close);
      description.appendChild(text);
      return false;
  }
}

function showIndex() {
    clearDiv();
    var detailwrap = document.getElementById("fotoWrap");
      detailwrap.style.visibility = 'hidden';
      return false;
}
  
function clearDiv() {
  document.getElementById("prev").onclick = null;
  document.getElementById("next").onclick = null;
  var clears = [document.getElementById("image"), document.getElementById("desc")];
  for (var i = 0; i < clears.length; i++) {
    var lng = clears[i].childNodes.length;
    for (var z = lng - 1; z >= 0 ; z--) {
      clears[i].removeChild(clears[i].childNodes[z]);
    }
  }
}