var od=1;
var po;
var max=0;
var imgCont = new Array();
var imgComm = new Array();
var imgHead = new Array();

var globalmax=4;
var root="/";
var apendix="1";

function defFoto() {

  imgCont[1]=["/foto/uvod1.jpg","1","/foto/uvod1.jpg"];
  imgComm[1]='';
  imgCont[2]=["/foto/dsc_6334.jpg","2","/foto/dsc_6334.jpg"];
  imgComm[2]='';
  imgCont[3]=["/foto/fasank.jpg","3","/foto/fasank.jpg"];
  imgComm[3]='';
  imgHead[1]= "/head/top-foto1.jpg";
  imgHead[2]= "/head/top-foto1.jpg";
  imgHead[3]= "/head/top-foto6.jpg";
  imgHead[4]= "/head/top-foto5.jpg";
  max = imgCont.length - 1;
  if (max > 0) {
    po = (max > globalmax)?globalmax : max;
    html = '<div class="up"><img style="cursor:default;" src="'+root+'images/up0.gif" alt="" /></div>';
    for (var i=od; i<=po; i++) {
      html += '<div class="thumb"><a href="foto/" onclick="open_foto(\''+imgCont[i][0]+'\', \''+imgCont[i][1]+'\'); return false;"><img src="'+imgCont[i][2]+'" alt="" /></a></div>';
    }
    if (max > globalmax) {
      html += '<div class="down"><img src="'+root+'images/down.gif" alt="" onclick="backup(\'+\')" /></div>';
    }
    else {
      html += '<div class="down"><img style="cursor:default;" src="'+root+'images/down0.gif" alt="" /></div>';
    }
    document.getElementById("right_content").innerHTML=html;

    var thumb  = new Array();
    var thumbb = new Array();
    for (var i=1; i<imgCont.length; i++) {
      thumb[i] = new Image();
      thumbb[i] = new Image();
      thumb[i].src = imgCont[i][0];
      thumbb[i].src = imgCont[i][2];
    }
  }
}

window.onload = function() {
  if (document.getElementById('page')) {
    var elm = document.getElementById('page');
    add_target(elm);
  }

  defFoto();

  if (apendix==1) {
    var promenna = new Array();
    for (var i=1; i<imgHead.length; i++) {
      promenna[i] = new Image();
      promenna[i].src = imgHead[i];
    }
  }
}

function add_target(elm) {
  var anchors = elm.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++) {
    if (anchors[i].className == "external") {
      anchors[i].target = "_blank";
    }
  }
}

function open_foto(elm, i) {
  document.getElementById('content_foto').innerHTML = '<img src="'+elm+'" alt="" />';
  document.getElementById('txt').style.display = "none";
  document.getElementById('content_foto').style.display = "block";
  document.getElementById('comment').style.display = "block";
  document.getElementById('comment').innerHTML = imgComm[i];
  var elm = document.getElementById('comment');
  add_target(elm);
}

function backup(elm) {
  if (elm == "+") {od++; po++}
  if (elm == "-") {od--; po--}

  html = '';
  if (od == 1) {
    html += '<div class="up"><img style="cursor:default;" src="'+root+'images/up0.gif" alt="" /></div>';
  }
  else {
    html += '<div class="up"><img src="'+root+'images/up.gif" alt="" onclick="backup(\'-\')" /></div>';
  }
  for (var i=od; i<=po; i++) {
    html += '<div class="thumb"><a href="foto/" onclick="open_foto(\''+imgCont[i][0]+'\', \''+imgCont[i][1]+'\'); return false;"><img src="'+imgCont[i][2]+'" alt="" /></a></div>';
  }
  if (po == max) {
    html += '<div class="down"><img style="cursor:default;" src="'+root+'images/down0.gif" alt="" /></div>';
  }
  else {
    html += '<div class="down"><img src="'+root+'images/down.gif" alt="" onclick="backup(\'+\')" /></div>';
  }
  document.getElementById("right_content").innerHTML=html;
}