function show(id){
  el=document.getElementById(id).style;
  el.display=(el.display == 'block')?'none':'block';}
  
function VALID(enter){
  parameter1 = enter.PASS.value;
  parameter2 = enter.PASSVALID.value;
  if (parameter1 == parameter2){return true;}
  else {alert('Špatně vyplněné heslo'); return false;}}

var min = 1;
var max = 16;
var width = 720;
var height = 630;
var t_width = 700;
var img_height = 500;
var f_folder = "src/foto/";
var fm_folder = "src/foto/min/";
var img_format = ".jpg";
var bg_color = "#000000"; 

function img(id)
{
w = window.open('','Fotogalery','height='+height+'px, width='+width+'px, scrollbars=no, resizable=no');
w.document.close();
w.document.write('<html>\n');
w.document.write('<head>\n');
w.document.write('<style type="text/css">\n');
w.document.write('body {background-color: '+bg_color+';}\n');
w.document.write('img  {cursor: pointer}\n');
w.document.write('</style>\n');
w.document.write('</head>\n');
w.document.write('<body>\n');
w.document.write('<center>\n');
w.document.write('<table border="1" width="'+t_width+'"><tr>\n');
w.document.write('<td colspan="7" align="center" style="background: '+bg_color+' url(load.gif) no-repeat scroll center center;"><img id="'+id+'" height="'+img_height+'" alt="kliknutím zavřete" src="'+f_folder+id+img_format+'" onLoad="display(this.id)" onClick="window.close();"></td></tr><tr>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'"><input id="'+id+'" type="button" value="Zpět" style="visibility: ');if (id <= min){w.document.write('hidden');}else{w.document.write('visible');} w.document.write(';" onclick="back1(this.id, this.id)"></td>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'"><img width="'+(t_width/6)+'" id="'+id+'"');if ((id-1) <= min){w.document.write('style="visibility: hidden;" src="'+fm_folder+1+img_format+'"');}else{w.document.write('style="visibility: visible;" src="'+fm_folder+(id-2)+img_format+'"');} w.document.write(' onclick="back2(this.id, this.id)"></td>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'"><img width="'+(t_width/6)+'" id="'+id+'"');if (id <= min){w.document.write('style="visibility: hidden;" src="'+fm_folder+1+img_format+'"');}else{w.document.write('style="visibility: visible;" src="'+fm_folder+(id-1)+img_format+'"');} w.document.write(' onclick="back1(this.id, this.id)"></td>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'">&nbsp;</td>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'"><img width="'+(t_width/6)+'" id="'+id+'"');if (id >= max){w.document.write('style="visibility: hidden;" src="'+fm_folder+1+img_format+'"');}else{w.document.write('style="visibility: visible;" src="'+fm_folder+(id+1)+img_format+'"');} w.document.write(' onclick="next1(this.id, this.id)"></td>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'"><img width="'+(t_width/6)+'" id="'+id+'"');if ((id+1) >= max){w.document.write('style="visibility: hidden;" src="'+fm_folder+1+img_format+'"');}else{w.document.write('style="visibility: visible;" src="'+fm_folder+(id+2)+img_format+'"');} w.document.write(' onclick="next2(this.id, this.id)"></td>\n');
w.document.write('<td align="center" width="'+(t_width/7)+'"><input id="'+id+'" type="button" value="Další" style="visibility: ');if (id >= max){w.document.write('hidden');}else{w.document.write('visible');} w.document.write(';" onclick="next1(this.id, this.id)"></td>\n');
w.document.write('<tr></table>\n');
w.document.write('</center>\n');
w.document.write('<script src="wf.js" type="text/javascript" language="JavaScript" charset="utf-8"></script>\n');
w.document.write('</body>\n');
w.document.write('</html>\n');
}

function next1(id, idd){
var img = document.getElementById(id);
for(var i = 1; i <= 20; i++)
{setTimeout(setAnimOff(img, i / 20), i * 30);}
setTimeout('change('+((id-1)+2)+','+idd+')', 1000);
}
function next2(id, idd){
var img = document.getElementById(id);
for(var i = 1; i <= 20; i++)
{setTimeout(setAnimOff(img, i / 20), i * 30);}
setTimeout('change('+((id-1)+3)+','+idd+')', 1000);
}
function back1(id, idd){
var img = document.getElementById(id);
for(var i = 1; i <= 20; i++)
{setTimeout(setAnimOff(img, i / 20), i * 30);}
setTimeout('change('+(id-1)+','+idd+')', 1000);
}
function back2(id, idd){
var img = document.getElementById(id);
for(var i = 1; i <= 20; i++)
{setTimeout(setAnimOff(img, i / 20), i * 30);}
setTimeout('change('+(id-2)+','+idd+')', 1000);
}
function change(id, idd){
image_main = f_folder+(id)+img_format;
image0 = fm_folder+'1'+img_format;
image1 = fm_folder+(id-2)+img_format;
image2 = fm_folder+(id-1)+img_format;
image3 = fm_folder+(id+1)+img_format;
image4 = fm_folder+(id+2)+img_format;
document.getElementById(idd).src=image_main; document.getElementById(idd).id=id;
if (id <= min ){document.getElementById(idd).style.visibility="hidden";} else{document.getElementById(idd).style.visibility="visible";} document.getElementById(idd).id=id;
if ((id-1) <= min){document.getElementById(idd).style.visibility="hidden";document.getElementById(idd).src=image0;} else{document.getElementById(idd).style.visibility="visible"; document.getElementById(idd).src=image1;} document.getElementById(idd).id=id;
if (id <= min ){document.getElementById(idd).style.visibility="hidden";document.getElementById(idd).src=image0;} else{document.getElementById(idd).style.visibility="visible"; document.getElementById(idd).src=image2;} document.getElementById(idd).id=id;
if (id >= max){document.getElementById(idd).style.visibility="hidden";document.getElementById(idd).src=image0;} else{document.getElementById(idd).style.visibility="visible"; document.getElementById(idd).src=image3;} document.getElementById(idd).id=id;
if ((id+1) >= max){document.getElementById(idd).style.visibility="hidden";document.getElementById(idd).src=image0;} else{document.getElementById(idd).style.visibility="visible"; document.getElementById(idd).src=image4;} document.getElementById(idd).id=id; 
if (id >= max){document.getElementById(idd).style.visibility="hidden";} else{document.getElementById(idd).style.visibility="visible";} document.getElementById(idd).id=id;
}

function display(id){
var obr = document.getElementById(id);
for(var i = 1; i <= 20; i++)
{setTimeout(setAnimOn(obr, i / 20), i * 30);}}

function setAnimOn(st, set){
return function(){
var o = set;
var of = Math.round((set) * 100);
st.style.cssText = "\ opacity:"+o+";\ filter:alpha(opacity="+of+");\ -moz-opacity:"+o+";\ -khtml-opacity:"+o+";\ ";};}

function setAnimOff(st, set){
return function(){
var o = 1 - set;
var of = Math.round((1 - set) * 100);
st.style.cssText = "\ opacity:"+o+";\ filter:alpha(opacity="+of+");\ -moz-opacity:"+o+";\ -khtml-opacity:"+o+";\ ";};}
