<!--

var arrThumbImgs = new Array();
var iLeftIndex = 0;
var iRightIndex = 0;

function SetInitialImage()
{
  ShowImage( arrImagePaths[0] );
}

function ShowImage( strImgSrc )
{
  var MAX_HEIGHT = 300;

  imgDisplay.src = strImgSrc;

  if (imgDisplay.height > MAX_HEIGHT)
  {
    imgDisplay.height = MAX_HEIGHT;
  }
}

function SetUpThumbs( iMaxNumImages, iHeight, iWidth )
{
  for (var i = 0; i < arrImagePaths.length && i < iMaxNumImages; i++)
  {
    document.write(
      "<img id=\"thumb" + i + "\" src=\"" + arrImagePaths[i] + 
      "\" onMouseOver=\"ShowImage(this.src)\" height=\"" + iHeight + "\" width=\"" + iWidth + "\" /> " );

    arrThumbImgs[i] = "thumb" + i;
  }

  iRightIndex = i - 1;
}

function ShiftThumbs( iShiftVal )
{
  if (iLeftIndex + iShiftVal < 0)
  {
    iShiftVal = -iLeftIndex;
  }
  else if (iRightIndex + iShiftVal >= arrImagePaths.length )
  {
    iShiftVal = (arrImagePaths.length - 1) - iRightIndex;
  }


  iLeftIndex += iShiftVal;
  iRightIndex += iShiftVal;

  for (var i = 0; i < arrThumbImgs.length; i++)
  {
    eval( arrThumbImgs[i] + ".src=\"" + arrImagePaths[iLeftIndex + i] + "\"" );
  }
}

//-->
