var curX = 0;
var endX = 0;
var curImg = 0;
var scrollTimeout = false;

function doResize() {
 if (window.innerWidth)
  bodyW = window.innerWidth;
 else
  bodyW = document.body.offsetWidth;

 if (document.all) {
  bodyW -= 22;
 }

 document.getElementById('galleryHolder').style.width = bodyW + 'px';
}


/*------------------------
  GALLERY ARROW FUNCTIONS
 ------------------------*/

function fadeIn(tmpID) {
 o = document.getElementById(tmpID);
 clearTimeout(o.timeout);
 curOpac = parseFloat(o.style.opacity);
 curOpac += 0.2;
 if (curOpac > 1)
  curOpac = 1;

 o.style.opacity = curOpac;
 if (curOpac < 1)
  o.timeout = setTimeout('fadeIn("'+tmpID+'")', 50);
}

function fadeOut(tmpID) {
 o = document.getElementById(tmpID);
 clearTimeout(o.timeout);
 curOpac = parseFloat(o.style.opacity);
 curOpac -= 0.2;
 if (curOpac < 0)
  curOpac = 0;

 o.style.opacity = curOpac;
 if (curOpac > 0)
  o.timeout = setTimeout('fadeOut("'+tmpID+'")', 50);
}





/*------------------------
  GALLERY SCROLL FUNCTIONS
 ------------------------*/

function showPrev() {
 clearTimeout(scrollTimeout);

//----- GET CURRENT IMG NUM
 prev = curImg - 1;
 if (prev < 0)
  prev = totalImages - 1;

//----- CALCULATE NEW ENDX
 tmpX = 0;
 for (i=0;i<prev;i++)
  tmpX -= wArr[i];

//----- MAKE SURE WE'RE MOVING LEFT
 if (tmpX < curX)
  tmpX -= tableW;

 endX = tmpX;
 curImg = prev;

 scrollTimeout = setTimeout('autoScroll();', 50);
}

function showNext() {
 clearTimeout(scrollTimeout);

//----- GET CURRENT IMG NUM
 nxt = curImg + 1;
 if (nxt >= totalImages)
  nxt = 0;

//----- CALCULATE NEW ENDX
 tmpX = 0;
 for (i=0;i<nxt;i++)
  tmpX -= wArr[i];

//----- MAKE SURE WE'RE MOVING RIGHT
 if (tmpX > curX)
  tmpX += tableW;

 endX = tmpX;
 curImg = nxt;

 scrollTimeout = setTimeout('autoScroll();', 50);
}

function autoScroll() {
 clearTimeout(scrollTimeout);

//----- GET NEW X
 newX = Math.round((endX + curX)/2);
 if (Math.abs(newX - endX) < 2)
  newX = endX;

//----- FIX X IF IT'S OUT OF BOUNDS
 if (newX > 0) {
  newX += tableW;
  endX += tableW;
 } else if (newX <= tableW) {
  newX -= tableW;
  endX -= tableW;
 }

 document.getElementById('galleryTable').style.left = newX + 'px';
 curX = newX;

 if (curX != endX)
  setTimeout('autoScroll();', 50);
}