if($('currthumb') != null){
var forNavID = $('currthumb').innerHTML;
var firstID = forNavID;
}

function ginit(){
if (window.location.hash.length>0)
 {
  var InHashID = replace(window.location.hash,"#photo", "");
  var curretItem = $(InHashID);
  
  left = getAbsoluteLeft(curretItem); 

  var width            = left + mainLineLeft - selectedPosition - 10;
      newLinePosition  = mainLineLeft - Math.abs(width);
      if (IE) newLinePosition -=7;
      mainLine.style.left = newLinePosition + 'px';
  var pArr   = getElementsByClassName(document, 'p', currentImageClass);
  var pCount = pArr.length;
  for (var i=0;i<pCount;i++) {
    var currentImgString = pArr[i].innerHTML;
    var currentID        = pArr[i].id;
    var pParent          = pArr[i].parentNode; //parent();
    var newA             = document.createElement("a");
        newA.innerHTML   = currentImgString;
        newA.id          = currentID;
        newA.href        = "#";
        newA.onclick     = function(){slide(this,currentID); return false;}
    pParent.removeChild(pArr[i]);
    pParent.appendChild(newA);
   }   
   var imgString        = curretItem.innerHTML;
   var linkParent       = curretItem.parentNode;
   var newP             = document.createElement("p");  
       newP.innerHTML   = imgString;
       newP.id          = InHashID;
       newP.className   = currentImageClass;
   linkParent.removeChild(curretItem);
   linkParent.appendChild(newP);
   var im = $('im'+InHashID).innerHTML;
   $('image').src = "/zadmin_data/foto.image/"+im+".jpg";
   heightTimer = setInterval("getRealImageHeight(32)", 1);
 }
else
 {
  mainLine.style.left = selectedPosition + 10 + 'px';
  heightTimer = setInterval("getRealImageHeight(32)", 1);
 }
 mainLine.style.visibility = 'visible';
}

if ($('line')) {
  var mainLine = $('line');
  if(agent.indexOf('msie 4') != -1 || agent.indexOf('msie 5') != -1 || agent.indexOf('msie 6') != -1 || agent.indexOf('msie 7') != -1){var IE = true;}
  else {var IE = false;}
  var selectedPosition    = getAbsoluteLeft($('big-image')); 
  var mainLineLeft        = 0;
  var currentImageClass   = "currentimage";
  var timer               = null;
  var heightTimer         = null;
  var forwardDirection    = false;
  var newLinePosition     = null;
  var imageHeight         = null;  
  window.onload   = function(){ginit();}
  window.onresize = function(){ginit();}
  selectedPosition = getAbsoluteLeft($('big-image')); 
  mainLineLeft = getAbsoluteLeft(mainLine);   
}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


function slide(thumbLink,num) {
  heightBefore = $('image').height;
  $('image').src = "/i/loading.gif";
  var im = $('im'+num).innerHTML;
  $('image').src = "/zadmin_data/foto.image/"+im+".jpg";
  window.location.hash = '#' + 'photo' + num;
  
  left = getAbsoluteLeft(thumbLink); 

  var width            = left + mainLineLeft - selectedPosition - 10;
      newLinePosition  = mainLineLeft - width;
      if (IE) newLinePosition -=7;

  var ID     = thumbLink.id;
  forNavID   = ID;
  var pArr   = getElementsByClassName(document, 'p', currentImageClass);
  var pCount = pArr.length;
  for (var i=0;i<pCount;i++) {
    var currentImgString = pArr[i].innerHTML;
    var currentID        = pArr[i].id;
    var pParent          = pArr[i].parentNode; //parent();
    var newA             = document.createElement("a");
        newA.innerHTML   = currentImgString;
        newA.id          = currentID;
        newA.href        = "#";
        newA.onclick     = function(){slide(this,currentID); return false;}
    pParent.removeChild(pArr[i]);
    pParent.appendChild(newA);
   }
  clearInterval(timer);
  var imgString        = thumbLink.innerHTML;
  var linkParent       = thumbLink.parentNode; /*parent()*/;
  var newP             = document.createElement("p");  
      newP.innerHTML   = imgString;
      newP.id          = ID;
      newP.className   = currentImageClass;
  linkParent.removeChild(thumbLink);
  linkParent.appendChild(newP);

  heightTimer = setInterval("getRealImageHeight("+heightBefore+")", 1);

  if (mainLineLeft > newLinePosition) forwardDirection = true;
  else                                forwardDirection = false;
  timer = setInterval("slideToSelected()", 1);
}

function slideToSelected() {
  mainLineLeft = getAbsoluteLeft(mainLine); 
  if (mainLineLeft > newLinePosition + 25&&  forwardDirection)  {mainLine.style.left = mainLineLeft - 25 + 'px'; return;}
  if (mainLineLeft < newLinePosition - 25 && !forwardDirection) {mainLine.style.left = mainLineLeft + 25 + 'px'; return;}
  mainLine.style.left = newLinePosition + 'px';
  clearInterval(timer);  
 }
 
function getRealImageHeight(heightBefore) {
  if ($('image').height < 100 || heightBefore==$('image').height) {return;}
  imageHeight = $('image').height;
  $('pad').style.display = 'block';
  $('pad').style.height = imageHeight + 400 + 'px';
  $('imageback').style.height = imageHeight + 330 + 'px'; 
  clearInterval(heightTimer);
 } 
 
 
function next() {
 lid = forNavID;
 imagesThrough = 0;
 skip = 0;
 while(imagesThrough !=5){
  lid++;
  if($(lid)) {imagesThrough++; NavID = lid;}
  else {skip++;}
  if (skip==30) break;
 }
 navThumbLink = $(NavID);
 slide(navThumbLink,NavID);
}


function prev() {
 lid = forNavID;
 imagesThrough = 0;
 skip = 0;
 while(imagesThrough !=5){
  lid--;
  if($(lid)) {imagesThrough++; NavID = lid;}
  else {skip++;}
  if (skip==30) {NavID = firstID; break; };
 }
 
 navThumbLink = $(NavID);
 slide(navThumbLink,NavID);
}

function nextPict() {
 var InHashID = replace(window.location.hash,"#photo", "");
 lid = InHashID;

 imagesThrough = 0;
 skip = 0;
 while(imagesThrough !=1){
  lid++;
  if($(lid)) {imagesThrough++; NavID = lid;}
  else {skip++;}
  if (skip==30) break;
 }
 navThumbLink = $(NavID);
 slide(navThumbLink,NavID);
}