function show_image(galeria, id)
{
var XMLhttp = false;

if(window.XMLHttpRequest)
{
XMLhttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Your browser could not create XMLHttpRequest.");
}


if(XMLhttp)
{
document.getElementById('gallery_div').innerHTML = "<img src=\"images/loading.gif\" alt=\"Loading...\" class=\"img_loading\" onclick=\"hide_id('gallery_div'), hide_id('gallery_bgr');\">";

XMLhttp.open("GET", "fotky.xml", true);
XMLhttp.onreadystatechange = function()
{
if(XMLhttp.readyState == 4 && XMLhttp.status == 200)
{
fotky = XMLhttp.responseXML;
vybrane = fotky.getElementsByTagName(galeria);

foto = vybrane[0].getElementsByTagName('foto');

if(id < 0)
{
id = 0;
}
if(id >= foto.length)
{
id = foto.length - 1;
}

next = id + 1;
if(next >= foto.length)
{
next = 0;
}

prev = id - 1
if(prev < 0)
{
prev = foto.length - 1;
}

fotka = foto[id].firstChild.nodeValue;
popis = foto[id].attributes[0].nodeValue;

content = "<table>\n<tr>\n";
content = content + "<td>\n<img src=\"images/fotky/velke/" + fotka + "\" alt=\"\" onclick=\"show_image('" + galeria + "', " + next + ");\">\n</td>\n</tr>\n";
content = content + "<tr>\n<td class=\"popis\"><p>" + popis + "</p>\n";
content = content + "<img src=\"images/next.png\" title=\"ďalší\" alt=\"&lt;\" onclick=\"show_image('" + galeria + "', " + next + ");\">\n";
content = content + "<img src=\"images/close.png\" title=\"zatvoriť\" alt=\"x\" onclick=\"hide_id('gallery_div'), hide_id('gallery_bgr');\">\n";
content = content + "<img src=\"images/prev.png\" title=\"predošlý\" alt=\"&gt\" onclick=\"show_image('" + galeria + "', " + prev + ");\">\n</td>\n";
content = content + "</tr>\n</table>\n";

keep_top();

document.getElementById('gallery_bgr').style.top = document.body.scrollTop - 20;
document.getElementById('gallery_bgr').style.display = "block";
document.getElementById('gallery_div').style.top = document.body.scrollTop;
document.getElementById('gallery_div').style.display = "block";
document.getElementById('gallery_div').innerHTML = content;
}
}
XMLhttp.send(null);
}
}



function set_top()
{
var fade_top = document.body.scrollTop - 20;
document.getElementById('gallery_bgr').style.top = fade_top;
}


function keep_top()
{
top_to = window.setInterval("set_top();", 30);
}



function hide_id(el_id)
{
document.getElementById(el_id).style.display = "none";
}





function show_image_clanok(galeria, id)
{
var XMLhttp = false;

if(window.XMLHttpRequest)
{
XMLhttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Your browser could not create XMLHttpRequest.");
}


if(XMLhttp)
{
document.getElementById('gallery_div').innerHTML = "<img src=\"../images/loading.gif\" alt=\"Loading...\" class=\"img_loading\" onclick=\"hide_id('gallery_div'), hide_id('gallery_bgr');\">";

XMLhttp.open("GET", "fotky.xml", true);
XMLhttp.onreadystatechange = function()
{
if(XMLhttp.readyState == 4 && XMLhttp.status == 200)
{
var fotky = XMLhttp.responseXML;
vybrane = fotky.getElementsByTagName(galeria);

foto = vybrane[0].getElementsByTagName('foto');
fotka = foto[id].firstChild.nodeValue;

if(id < 0)
{
id = 0;
}
if(id >= foto.length)
{
id = foto.length - 1;
}

next = id + 1;
if(next >= foto.length)
{
next = 0;
}

prev = id - 1
if(prev < 0)
{
prev = foto.length - 1;
}

popis = foto[id].attributes[0].nodeValue;

content = "<table>\n<tr>\n";
content = content + "<td>\n<img src=\"../images/fotky/velke/" + fotka + "\" alt=\"\" onclick=\"show_image_clanok('" + galeria + "', " + next + ");\">\n</td>\n</tr>\n";
content = content + "<tr>\n<td class=\"popis\"><p>" + popis + "</p>\n";
content = content + "<img src=\"../images/next.png\" title=\"ďalší\" alt=\"&lt;\" onclick=\"show_image_clanok('" + galeria + "', " + next + ");\">\n";
content = content + "<img src=\"../images/close.png\" title=\"zatvoriť\" alt=\"x\" onclick=\"hide_id('gallery_div'), hide_id('gallery_bgr');\">\n";
content = content + "<img src=\"../images/prev.png\" title=\"predošlý\" alt=\"&gt\" onclick=\"show_image_clanok('" + galeria + "', " + prev + ");\">\n</td>\n";
content = content + "</tr>\n</table>\n";

keep_top();

document.getElementById('gallery_bgr').style.top = document.body.scrollTop - 20;
document.getElementById('gallery_bgr').style.display = "block";
document.getElementById('gallery_div').style.top = document.body.scrollTop;
document.getElementById('gallery_div').style.display = "block";
document.getElementById('gallery_div').innerHTML = content;
}
}
XMLhttp.send(null);
}
}