var animPos = 1;
var imageFull;
var moving;
var offset = 0;

function setImage(filename) {
  var img = document.getElementById("PLACEHOLDER");
  var par = document.getElementById("PARENT_PLACEHOLDER");

  imageFull = filename.split("/");
  imageFull = "data/images/"+imageFull[imageFull.length-1];

  img.src=filename;
  img.style.display="inline";
}

function startAnim() {
  setInterval("nextAnimCell()", 2200);
}

function nextAnimCell() {
  var nodes = document.getElementById("ANIM").getElementsByTagName("DIV");

  if (animPos > nodes.length-1) {
    window.location=document.getElementById("NEXT").getAttribute("href");
  }

  for (var i = 0 ; i < nodes.length ; ++i) {
    nodes.item(i).style.visibility = i == animPos ? "visible" : "hidden";
  }

  ++animPos;
}

function viewImage(move) {
  var actual = 0;
  var node;
  var nodes = document.getElementById("IMAGES_CONTAINER").getElementsByTagName("DIV");

  for(var i=0 ; i<nodes.length ; ++i) {
    node = nodes.item(i);
    if (node.style.display == "block") {
      actual = i;
    }
  }

  if (nodes.item(actual+move)) {
    nodes.item(actual).style.display = "none";
    nodes.item(actual+move).style.display = "block";
  }

  document.getElementById("BUTTON_IMAGE_PREV").style.visibility = (actual+move)<1 ? "hidden":"visible";
  document.getElementById("BUTTON_IMAGE_NEXT").style.visibility = (actual+move)>=nodes.length-1 ? "hidden":"visible";
}

function viewInterval(move) {
  moving = setInterval("moveInterval("+move+")", 100);
}

function moveInterval(move) {
  var i_in = -1;
  var i_out = -1;
  var first = null;
  var limit = 12;
  var node;
  var nodes = document.getElementById("CONTAINER").getElementsByTagName("LI");
  var coffset = 0;

  for(var i=0 ; i<nodes.length ; ++i) {
    node = nodes.item(i);
    if (node.style.display != "none") {
      if (first == null) {
        first = i;
      }
    }
  }

  if (move > 0) {
    i_in = first+limit+1;
    i_out = first;
  }
  else if (move < 0) {
    i_in = first-1;
    i_out = first+limit;
  }

  if (nodes.item(i_in) && nodes.item(i_out)) {
    nodes.item(i_in).style.display = "list-item";
    nodes.item(i_out).style.display = "none";
    offset = move > 0 ? offset+1 : offset-1;
  }
  else { // pokud uz nelze dale
    clearInterval(moving);
    return;
  }

  document.getElementById("BUTTON_IMAGE_PREV").style.visibility = (i_in == 0) ? "hidden":"visible";
  document.getElementById("BUTTON_IMAGE_NEXT").style.visibility = (i_in == nodes.length-1) ? "hidden":"visible";

  return;
}