//	Copyright Jan Holomek (http://www.jahnet.eu); 		//
/************************************************************************************/
//image box
var predchozi="false"; 
var nasledujici="false";
var active="text";

var predchozi_link="";
var nasledujici_link="";

//FCE pro zvětšení fotky
function img_box(img) {
  //var div_id=active;
  var title=img.title.replace("[zvětšit fotografii]", "");

//Vytvoření divů
if(document.getElementById('imgbox')==null) {
  var zakryj = document.createElement('div');
  zakryj.setAttribute('id', 'zakryj');
  zakryj.setAttribute('onclick', 'close_img_box()');
  zakryj.style.width = "100px";
  zakryj.style.position = "fixed";
  zakryj.style.top = "0px";
  zakryj.style.left = "0px";
  zakryj.style.backgroundColor = "black";
  zakryj.style.width = "101%";
  zakryj.style.height = "100%";
  zakryj.style.opacity = ".9";
  zakryj.style.filter = "alpha(opacity=90, style=0)";
  zakryj.style.zIndex = "150";
  document.body.appendChild(zakryj);

 var imgbox = document.createElement('div');
  imgbox.setAttribute('id', 'imgbox');
  imgbox.style.backgroundColor = "white";
  imgbox.style.display='block';
  imgbox.style.position = "fixed";
  imgbox.style.top = "4%";
  imgbox.style.left = (document.body.clientWidth/2)-300+"px";
  imgbox.style.border = "2px solid rgb(79,129,189)";
  imgbox.style.minWidth = "500px";
  imgbox.style.maxHeight=(document.body.clientHeight/100*88)+"px";
  imgbox.style.zIndex = "200";
  imgbox.style.overflow = "auto";
  imgbox.style.padding = "18px";
  imgbox.style.textAlign = "center";
 document.body.appendChild(imgbox);
}
else {document.getElementById('zakryj').style.display='inline';
      document.getElementById('imgbox').style.display='block';}

  //Projetí stránky, zda se nacházejí nějaké další obrázky
  predchozi="false"; nasledujici="false"; var this_img_id="false";
   for(var i=0; i<document.getElementById('obsah').getElementsByTagName('img').length; i++) {
    if(document.getElementById('obsah').getElementsByTagName('img')[i].onclick!=undefined) {
   	if(document.getElementById('obsah').getElementsByTagName('img')[i].src==img.src) {this_img_id=i;}
	else if(this_img_id=="false") {predchozi=i;}
	else if(nasledujici=="false") {nasledujici=i;}
    }
   }
  //Vytvoření linků pro předchozí/následující foto
  var predchozi_link="";
  if(predchozi!="false") {predchozi_link='<div style="float:left;margin-bottom:-15px;width:15px;" title="předchozí foto"><a href="javascript:img_box_load_img('+predchozi+')">&lt;&lt;</a></div>';}
  var nasledujici_link="";
  if(nasledujici!="false") {nasledujici_link='<div style="float:right;margin:0 10px -15px 0;width:15px;" title="následující foto"><a href="javascript:img_box_load_img('+nasledujici+')">&gt;&gt;</a></div>';}
  //Zobrazení fotky
  if(!title) {title_nadpis="<i>fotografie</i>"; title="fotografie";} else {title_nadpis=title;}
  document.getElementById('imgbox').innerHTML='<div style="text-align:center;font-weight:bold;border-bottom:1px solid black;">'+predchozi_link+title_nadpis+nasledujici_link+'</div><br /><a href="javascript:close_img_box()"><img src="'+img.src.replace(/php_lib\/resizeimg.php\?width=[^&]*\&file=.\//ig, '')+'" alt="'+title+'" title="'+title+'" /><br /></a><br /><center><a href="javascript:close_img_box()">zavřít</a></center>';
}

//FCE pro načtení předchozí/následující fotky
function img_box_load_img(id) {
	document.getElementById('imgbox').style.display='none';
	img_box(document.getElementById('obsah').getElementsByTagName('img')[id]);
}

//FCE pro zavření zvětšené fotky
function close_img_box() {
	document.getElementById('zakryj').style.display='none';
	document.getElementById('imgbox').style.display='none';
}

//FCE pro pohybování se ve fotogalerii pomocí klávesnice
function img_box_key(key) {
	if(key.keyCode) {code = key.keyCode;} else {code = key.charCode;}
	if(code == 37 && predchozi!="false") {img_box_load_img(predchozi);} 			//předchozí
	else if(code == 39 && nasledujici!="false") {img_box_load_img(nasledujici);} 		//následující
	else if((code==13 || code==27) && document.getElementById('imgbox')!=null) {if(document.getElementById('imgbox').style.display=='block') {close_img_box();} }
}