var scrollTimeout;

function MainImage(imageName)
{
 clearTimeout(scrollTimeout);
 document.getElementById('largeImage').style.backgroundImage = 'url(image.php?w=800&img=' + imageName + ')';
}


function ToggleImage(imageName)
{
 if (document.getElementById(imageName).src.indexOf('.on.') < 0)
  document.getElementById(imageName).src = document.getElementById(imageName).src.replace('.off.', '.on.');
 else	
  document.getElementById(imageName).src = document.getElementById(imageName).src.replace('.on.', '.off.');
}

function ScrollThumbnails(direction)
{
 clearTimeout(scrollTimeout);
 if (direction == 'R')
  ScrollTo(document.getElementById('thumbnailBar').scrollLeft + 675, direction);
 else
  ScrollTo(document.getElementById('thumbnailBar').scrollLeft - 675, direction);
}

function ScrollTo(target, direction)
{
 if (document.getElementById('thumbnailBar').scrollLeft != target)
 {
  if (direction == 'R')
   document.getElementById('thumbnailBar').scrollLeft += 5;
	else
   document.getElementById('thumbnailBar').scrollLeft -= 5;

  scrollTimeout = window.setTimeout('ScrollTo(' + target + ', \'' + direction + '\')', 0);
 }
}