 var cur = 1;
 var scr = 1;
 var max = 1;
 
 function setMax(){
  var len = document.getElementById("scrollBox").getElementsByTagName("TD").length;  
  max = parseInt(len / 4);
  if((len % 4) != 0)max++;
  hideArrows();
 }
 
 function hideArrows(){
  var scr1 = document.getElementById("scrl1");
  var scr2 = document.getElementById("scrl2");
  if(scr == 1){scr1.style.filter = "alpha(opacity=30)";scr1.style.opacity = "0.3";}
   else {scr1.style.filter = "alpha(opacity=100)";scr1.style.opacity = "1.0";}
  
  if(scr == max){scr2.style.filter = "alpha(opacity=30)";scr2.style.opacity = "0.3";}
   else {scr2.style.filter = "alpha(opacity=100)";scr2.style.opacity = "1.0";} 
 }

 function show(e,n){
  if(cur == n)return;
  var path = e.childNodes[0].src;
  path = path.replace("images/" , "images/pic_");
  var imd = document.getElementById("mainImg");
  imd.src = path;
  cur = n;

  imd.style.visibility = "hidden";  
  imd.parentNode.style.background = "url(inc/loading.gif) center no-repeat";
  document.getElementById("enlargeBtn").style.display = "none";
 }

 var lft = 0;
 var dist = 120;
 function goLeft(){
  if(scr == max)return;
  var scrl = document.getElementById("row");
  if(lft == 0)lft = -1 * ((scr - 1) * 340);
  dist -= 25;
  if(dist < 25)dist = 25;
  lft -= dist;

  if(lft <= (-1 * scr * 340)){lft = -1 * scr * 340;scrl.style.left=lft;lft=0;dist=120;scr++;hideArrows();}
  else {scrl.style.left = lft; setTimeout("goLeft();" , 50);}  
 }

 function goRight(){
   if(scr == 1)return;
   var scrl = document.getElementById("row");
   if(lft == 0)lft = -1 * ((scr - 1) * 340);
   dist -= 25;
   if(dist < 25)dist = 25;
   lft += dist;

   if(lft >= (-1 * (scr - 2) * 340)){lft = -1 * (scr - 2) * 340;scrl.style.left=lft;lft=0;dist=120;scr--;hideArrows();}
   else {scrl.style.left = lft; setTimeout("goRight();" , 50);}   
 }

 function showPic(e){
  e.parentNode.style.background="none";
  e.style.visibility = "visible";
    
  var hl = document.getElementById("scrollBox").getElementsByTagName("TD")[cur-1].childNodes[0];  
  hl.style.filter = "alpha(opacity=100)";
  hl.style.opacity = "1.0";
  
  e.parentNode.style.width = e.width;
  if(hasLargeView[cur-1] == 1)document.getElementById("enlargeBtn").style.display = "inline";
 }
 
 function largeView(){
  var path = document.getElementById("mainImg").src;
  path = path.replace("images/pic_" , "images/large/");
  largv = window.open("about:blank" , "largeView" , "location=0,status=1,scrollbars=1,resizable=1,top=20,left=20,height=560,width=760");
  largv.document.write("<html><head><title>Large View</title></head><body><div style='position:absolute;top:0px;left:0px;'><img src='"+path+"' /></div></body></html>")
 }
 
 function highl(e , highlight){
  if(highlight == true){
   e.style.filter = "alpha(opacity=80)";
   e.style.opacity = "0.8";
  }else{
   e.style.filter = "alpha(opacity=50)";
   e.style.opacity = "0.5";
  }  
 }