function toggleView()
{
  if( el( 'photo-viewer' ).style.display != 'block' )
  {
    el( 'photo-viewer' ).style.display = 'block';
    el( 'index' ).style.display = 'none';
    el( 'selector' ).innerHTML = 'Album weergave';
  }
  else
  {
    el( 'photo-viewer' ).style.display = 'none';
    el( 'index' ).style.display = 'block';
    el( 'selector' ).innerHTML = 'Miniatuurweergave';
  }
  
  return false;
}

function showPhoto( loc )
{
  el( 'viewer-photo' ).src = loc;
  return false;
}

scrollpos = el( 'viewer-index' ).scrollLeft;
scrolling = false;
speed = 0;

function startScrolling( e )
{
  if( IE6 ) return;
  
  var x = 0;
  
  if( !e )
    var e = window.event;
  
  if( e.pageX )
  {
    x = e.pageX;
  }
  else if( e.clientX )
  {
    var de = document.documentElement;
    var b = document.body;
    x = e.clientX + (de.scrollLeft||b.scrollLeft) + (de.clientLeft||0);
  }
  
  speed = ( ( x - ( ( document.body.clientWidth - 972 ) / 2 ) - 225 ) / 725 ) - 0.5;
  scrollpos = el( 'viewer-index' ).scrollLeft;
  
  if( !scrolling )
  {
    scrolling = true;
    scroll();
  }
}

function scroll()
{
  if( scrolling )
  {
    scrollpos += 15 * speed;
    el( 'viewer-index' ).scrollLeft = Math.round( scrollpos );
    setTimeout( 'scroll();', 40 );
  }
}

if( !IE6 )
  el( 'selector' ).style.display = 'block';
el( 'viewer-index' ).onmousemove = startScrolling;
toggleView();