var gallery_foto = 0;

var je_zavri;
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;
  je_zavri = 1;

  obrazek_sirka = sirka;
  obrazek_vyska = vyska;

  body_disabled = document.createElement('DIV');
  tooltip = document.createElement('DIV');
  zavri = 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";
  zavri.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';
  zavri.style.position = 'absolute';

  var popis_text = "";
  if (popis != "") {
    popis_text = "</span><BR><BR><span style='color:white'>" + popis + "</span><BR><BR>";
  }
  if (obrazek) tooltip.innerHTML = "<img id='img_tooltip' src='" + obrazek + "' width='" + obrazek_sirka + "' height='" + obrazek_vyska + "'>" + popis_text;
  zavri.innerHTML = "<img id='img_zavri' src='img/zavri.gif' onClick=\"foto_zavri()\" width='17' height='17' style='cursor:pointer'>";

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

  foto_galerie_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;
  je_zavri = 0;

  obrazek = pole_galerie[0];
  popis = pole_galerie[1];
  obrazek_sirka = pole_galerie[2];
  obrazek_vyska = pole_galerie[3];
  //alert("obrazek = " + obrazek + " ... popis = " + popis + " ... obrazek_sirka = " + obrazek_sirka + " ... obrazek_vyska = " + obrazek_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 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 onClick='foto_zavri()'><img id='img_tooltip' src='" + obrazek + "' width='" + obrazek_sirka + "' height='" + obrazek_vyska + "'></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;color:#00ff00;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;color:#00ff00;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);
  
  foto_galerie_showTooltip();
}

function foto_galerie_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;

  var opacity = 70;
  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';
  
  var tooltip_style_left = document.body.scrollLeft + ((document.body.clientWidth - obrazek_sirka - 6)) / 2;
  tooltip.style.left = tooltip_style_left;
  tooltip.style.top = document.body.scrollTop + ((document.body.clientHeight - obrazek_vyska - 6 - 12) / 2);
  tooltip.style.visibility = 'visible';
  //alert("tooltip.style.left: " + tooltip.style.left + " ... tooltip.style.top: " + tooltip.style.top);
  
  if (je_zavri) {
    eval("zavri.style.left = " + tooltip_style_left + " + " + obrazek_sirka + " - " + document.getElementById('img_zavri').width);
    zavri.style.top = tooltip.style.top;
    zavri.style.visibility = 'visible';
    //alert("zavri.style.left: " + zavri.style.left + " ... document.body.scrollLeft: " + document.body.scrollLeft);
  }
  
  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;
    }
    
    zavri.style.top = tooltip.style.top;
    var ts_left = tooltip.style.left;
    ts_left = ts_left.substring(0, ts_left.length - 2);
    eval("zavri.style.left = " + ts_left + " + " + obrazek_sirka + " - " + document.getElementById('img_zavri').width);
    
    if (pocitadlo == 0) {
      pocitadlo = pocitadlo + 1;
      body_onscroll();
    }
  }
  
  var scroll_top = document.getElementById("scroll_top");
  scroll_top.value = document.body.scrollTop || document.documentElement.scrollTop;
}

function foto_zavri() {
  //alert("je_zavri = " + je_zavri);
  if (je_zavri) {
    zavri.style.visibility = 'hidden';
  }
  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);
}