var currentIdSuffix = "_zalozka1";
var bStop = 0;
var oldWidth = 0;
var oldHeight = 0;

SrollImage = function(intDirection){
  var i = document.getElementById("ImageBody" + currentIdSuffix).scrollLeft;
  var ii;
  if(intDirection == 1){
    document.getElementById("ImageBody" + currentIdSuffix).scrollLeft = -15 + i;
    ii = document.getElementById("ImageBody" + currentIdSuffix).scrollLeft;
    if(i > ii && bStop == 0){setTimeout("SrollImage(1)",40)}
  }else{
    document.getElementById("ImageBody" + currentIdSuffix).scrollLeft = 15 + i;
    ii = document.getElementById("ImageBody" + currentIdSuffix).scrollLeft;
    if(i < ii && bStop == 0){setTimeout("SrollImage(2)",40)}
  }
};
  
var createTabs = function() {
  var links = $$("a.zalozka");
  $each(
    links, 
    function(itm, idx, obj) { 
      $(itm).addEvent(
        "click", 
        function(ev){ 
          var id = (ev.target || ev.srcElement).getAttribute("id");
          id     = (new String(id)).replace("link_", "");
          
          if(id == "zalozka1") {
            $(document.getElementById("ImageBody_zalozka3")).setStyle("display", "none");
            $(document.getElementById("ImageBody_zalozka2")).setStyle("display", "none");
            $(document.getElementById("ImageBody_zalozka1")).setStyle("display", "block");
          }
          else if(id == "zalozka2") {
            $(document.getElementById("ImageBody_zalozka3")).setStyle("display", "none");
            $(document.getElementById("ImageBody_zalozka1")).setStyle("display", "none");
            $(document.getElementById("ImageBody_zalozka2")).setStyle("display", "block");
          }
          else if(id == "zalozka3") {
            $(document.getElementById("ImageBody_zalozka1")).setStyle("display", "none");
            $(document.getElementById("ImageBody_zalozka2")).setStyle("display", "none");
            $(document.getElementById("ImageBody_zalozka3")).setStyle("display", "block");
          }
          
          currentIdSuffix = "_" + id;
        });
    });
};

var createThumbs = function() {
  var thumbs = $$("img.thumb");
  $each(
    thumbs,
    function(itm, idx, obj) {
      $(itm).addEvent(
        "click", 
        function(ev) { 
          var mainImg = $(document.getElementById("mainImage"));
          var imgSrc  = (ev.target || ev.srcElement).getAttribute("imgSrc");
          
          mainImg.setAttribute("src", imgSrc);
        });
    });
};