var gallery_foto = 0;

var body_disabled;
var tooltip;
var body_height;
var IE = document.all?true:false;
var okraj = IE?0:2;
var sheight;
var swidth;
var obrazek_sirka;
var obrazek_vyska;
var opacity = 70;

function foto_onClick(obrazek, popis, sirka, vyska) {
  gallery_foto = 1;

  obrazek_sirka = sirka;
  obrazek_vyska = vyska;

  body_disabled = document.createElement('DIV');
  tooltip = document.createElement('DIV');

  body_disabled.style.cssText = "border: 0px solid #f5f5f5; background: #f5f5f5; padding: 0px 0px; z-index: 2";
  tooltip.style.cssText = "border: 0px solid #000000; background: #000000; padding: 3px 3px;font-size: 12px; font-family: sans-serif; z-index: 2";

  body_disabled.style.position = 'absolute';
  tooltip.style.position = 'absolute';

  var popis_text = "<TABLE width=100%><TR><TD style='font-weight:bold'><<</TD><TD style='width:100%;color:white'>" + popis + "</TD><TD style='font-weight:bold'>>></TD></TR></TABLE>";
  if (obrazek) tooltip.innerHTML = "<img id='img_tooltip' src='" + obrazek + "' width='" + obrazek_sirka + "' height='" + obrazek_vyska + "' onClick='foto_zavri()'>" + popis_text;

  document.getElementsByTagName('BODY')[0].appendChild(body_disabled);
  document.getElementsByTagName('BODY')[0].appendChild(tooltip);
  
  showTooltip();
}

function foto_galerie_onClick(poradi, galerie) {
  //alert("poradi = " + poradi + " ... galerie = " + galerie);
  var pole = galerie.split("|*|");
  var pole_galerie = pole[poradi].split("|");
  
  gallery_foto = 1;

  obrazek = pole_galerie[0];
  popis = pole_galerie[1];
  obrazek_sirka = pole_galerie[2];
  obrazek_vyska = pole_galerie[3];

  body_disabled = document.createElement('DIV');
  tooltip = document.createElement('DIV');

  body_disabled.style.cssText = "border: 0px solid #f5f5f5; background: #f5f5f5; padding: 0px 0px; z-index: 2";
  tooltip.style.cssText = "border: 0px solid #000000; background: #000000; padding: 3px 3px;font-size: 12px; font-family: sans-serif; z-index: 2";

  body_disabled.style.position = 'absolute';
  tooltip.style.position = 'absolute';
  
  var poradi_previous = poradi - 1;
  if (poradi_previous == -1) {
    poradi_previous = null;
  }
  var poradi_next = poradi + 1;
  if (poradi_next == pole.length) {
    poradi_next = null;
  }
  //alert("poradi_previous = " + poradi_previous + " ... poradi_next = " + poradi_next);
  
  var innerHTML = "";
  innerHTML += "<TABLE>";
  if (obrazek) {
    innerHTML += "  <TR>";
    innerHTML += "    <TD><img id='img_tooltip' src='" + obrazek + "' width='" + obrazek_sirka + "' height='" + obrazek_vyska + "' onClick='foto_zavri()'></TD>";
    innerHTML += "  </TR>";
  }
  innerHTML += "  <TR>";
  innerHTML += "    <TD>";
  innerHTML += "<TABLE width=100%>";
  innerHTML += "  <TR>";
  if (poradi_previous != null) {
    innerHTML += "    <TD style='font-weight:bold;cursor:pointer;cursor:hand' onClick=\"foto_previous(" + poradi_previous + ",'" + galerie + "')\"><<</TD>";
  }
  innerHTML += "    <TD style='width:100%;color:white'>" + popis + "</TD>";
  var pom = poradi + 1;
  innerHTML += "    <TD style='white-space:nowrap'>" + pom + " z " + pole.length + "</TD>";
  if (poradi_next != null) {
    innerHTML += "    <TD style='font-weight:bold;cursor:pointer;cursor:hand' onClick=\"foto_next(" + poradi_next + ",'" + galerie + "')\">>></TD>";
  }
  innerHTML += "  </TR>";
  innerHTML += "</TABLE>";
  innerHTML += "    </TD>";
  innerHTML += "  </TR>";
  innerHTML += "</TABLE>";
  tooltip.innerHTML = innerHTML;

  document.getElementsByTagName('BODY')[0].appendChild(body_disabled);
  document.getElementsByTagName('BODY')[0].appendChild(tooltip);
  
  showTooltip();
}

function showTooltip() {
  body_disabled.style.left = document.body.scrollLeft;
  body_disabled.style.top = document.body.scrollTop;
  body_disabled.style.width = document.body.clientWidth;
  body_disabled.style.height = document.body.clientHeight;
  
  if (opacity && opacity < 100) {
    if (IE) {
      body_disabled.style.filter = "alpha(opacity=" + opacity + ")";
    } else {
      body_disabled.style.opacity = eval("'0." + opacity + "'");
      body_disabled.style.MozOpacity = eval("'0." + opacity + "'");
      body_disabled.style.KhtmlOpacity = eval("'0." + opacity + "'");
    }
  }

  body_disabled.style.visibility = 'visible';

  tooltip.style.left = document.body.scrollLeft + ((document.body.clientWidth - obrazek_sirka - 6)) / 2;
  tooltip.style.top = document.body.scrollTop + ((document.body.clientHeight - obrazek_vyska - 6 - 12) / 2);
  tooltip.style.visibility = 'visible';
  
  sheight = document.body.scrollHeight;
  swidth = document.body.scrollWidth;
}

function body_onresize() {
  if (gallery_foto) {
    //alert("body_onresize");
    sheight = document.body.scrollHeight;
    swidth = document.body.scrollWidth;

    body_disabled.style.width = document.body.clientWidth;
    body_disabled.style.height = document.body.clientHeight;
    
    tooltip.style.left = document.body.scrollLeft + ((document.body.clientWidth - obrazek_sirka - 6)) / 2;
    tooltip.style.top = document.body.scrollTop + ((document.body.clientHeight - obrazek_vyska - 6 - 12) / 2);
  }
}

var pocitadlo = 0;
function body_onscroll() {
  if (gallery_foto) {
    tooltip.style.left = document.body.scrollLeft + ((document.body.clientWidth - obrazek_sirka - 6)) / 2;
    body_disabled.style.left = document.body.scrollLeft;
    if (swidth != document.body.scrollWidth) {
      body_disabled.style.width = obrazek_sirka + 6;
    }

    if (IE) {
      if (sheight != document.body.scrollHeight) {
        sheight = document.body.scrollHeight;
        tooltip.style.top = eval(document.body.scrollHeight - obrazek_vyska);
        body_disabled.style.top = tooltip.style.top;
        body_disabled.style.height = eval(obrazek_vyska + 49);
      } else {
        tooltip.style.top = document.body.scrollTop + ((document.body.clientHeight - obrazek_vyska - 6 - 12) / 2);
        body_disabled.style.top = document.body.scrollTop;
      }
    } else {
      tooltip.style.top = document.body.scrollTop + ((document.body.clientHeight - obrazek_vyska - 6 - 12) / 2);
      body_disabled.style.top = document.body.scrollTop;
    }
    
    if (pocitadlo == 0) {
      pocitadlo = pocitadlo + 1;
      body_onscroll();
    }
  }
}

function foto_zavri() {
  tooltip.style.visibility = 'hidden';
  body_disabled.style.visibility = 'hidden';

  gallery_foto = 0;
}

function foto_previous(poradi, galerie) {
  foto_zavri();
  foto_galerie_onClick(poradi, galerie);
}

function foto_next(poradi, galerie) {
  foto_zavri();
  foto_galerie_onClick(poradi, galerie);
}