// JavaScript Document

function display_layer (layer, image) {
  path = document.fotka;
  image_set_src(image, path);
  
  document.getElementById("transparent").style.display = 'block';
  document.getElementById(layer).style.display = 'block';
  document.getElementById("gal-hiding").style.top = document.body.scrollTop;
  
  
}

function hide_layer (layer) {
  document.getElementById(layer).style.display = 'none';
  document.getElementById("transparent").style.display = 'none';
}   

function image_set_src(image, path) {
  var el = document.getElementById(image);
  el.setAttribute("src", path); 
}

function fetch_body(element) {
  var body = document.getElementById("body");
  var height = body.offsetheight;
  var width = body.offsetwidth;
  
  var el = document.getElementById(element);
  el.style.height = height;
  el.style.width = width;
  //alert("hotovo");
}

function change_photo(src, image) {
  document.getElementById("photo-main").setAttribute("src", src);
  document.fotka = image;
}



function move_minis(dir, count) {
  var minis = document.minis;
  if (dir == "right") {
    if (minis < (count - 4)) {
      document.minis = document.minis + 1;
    }
  } else if (dir == "left") {
     if (minis > 0) {
      document.minis = document.minis - 1; 
     }
  }
  minis = document.minis;
  
  for (i=0; i<=count; i=i+1) {
    mini_id = "mini"+i.toString();
    max = minis+4;
    if (i>=minis && i<max) {
      document.getElementById(mini_id).style.display="inline";
    } else {
      document.getElementById(mini_id).style.display="none";
    } 
    
  }
  
  
}  


function action_show_photo(src) {
  //alert (document.body.scrollTop);
  //change_photo("", src);
  document.fotka = src;
  display_layer ("gal-hiding", "photo-max");
  
}