var intImagesLeft = 0;					// huidige Y positie van de scrollbox (0 = top, listheight = onderkant)
var intImagesInterval = 0;				// ID van de animatieinterval.
var intImagesRate = 0;					// snelheid waarmee de ticker scrolled. wordt aangepast door de code.
var intImagesTick = 0;					// teller voor het aantal ticken van de scrollbox. wordt aangepast door de code.
var intImagesWidth = 0;					// maximale hoogte van de scrollbox.
var intImagesMaxTick = 6;				// maximale aantal ticks voordat gestuiterd wordt. wordt niet aangepast door code.
var intImagesRebound = -3;				// stuiterwaarde. wordt niet aangepast door code.

function imagesReset(intID)
{
   clearInterval(intImagesInterval);
   intImagesInterval = null;	
   intImagesRate = 5;					// snelheid waarmee de ticker scrolled. wordt aangepast door de code.				
   intImagesTick = 0;
   intImagesWidth = document.getElementById('images' + intID + 'box').clientWidth - document.getElementById('images' + intID + 'boxholder').clientWidth;
}

function imagesSetArrows(blnDirectFade, intID)
{
   if (intImagesLeft * -1 > intImagesWidth) 
   {
      if (blnDirectFade)
      {
         changeOpacity('images' + intID + 'rightarrow', 0);
      }
      else
      {
         opacity('images' + intID + 'rightarrow', 100, 0, 500);
      }
   }
   else
   {
      changeOpacity('images' + intID + 'rightarrow', 100);
   }

   if (intImagesLeft >= 0) 
   {
      if (blnDirectFade)
      {
          changeOpacity('images' + intID + 'leftarrow', 0);
      } 
      else
      { 
         opacity('images' + intID + 'leftarrow', 100, 0, 500);
      }
   }
   else
   {
      changeOpacity('images' + intID + 'leftarrow', 100);
   }
}

function imagesInitialize(intID)
{
   if (document.getElementById('images' + intID + 'boxholder') !== null) 
   {
      intImagesLeft = 0;
      imagesReset(intID);
      imagesSetArrows(true, intID);
   }
}

function imagesScroll(intDirection, intID) 
{
   if (intImagesInterval) { return; } 
   intImagesInterval = setInterval('imagesAnimate(' + intDirection + ', ' + intID + ')', 10);
}

function imagesAnimate(intDirection, intID) 
{
   if (intDirection === 1)			// terug
   {
      if (intImagesLeft >= 0)
      {
         intImagesLeft = 0;
         imagesReset(intID);
         return;
      }

      intImagesLeft += intImagesRate;
   }
   else						// vooruit
   { 
      if (intImagesLeft * -1 > intImagesWidth)
      {
         imagesReset(intID);
         return;
      }

      intImagesLeft -= intImagesRate;
   }

   intImagesTick++;

   if (intImagesTick >= intImagesMaxTick) 
   {
      intImagesRate--;
      intImagesTick = 0;
   }

   document.getElementById('images' + intID + 'box').style.left = intImagesLeft + "px";

   if (intImagesRate <= intImagesRebound) 
   {
      imagesReset(intID);
   }

   imagesSetArrows(false, intID);
}