function startSlide()
{
  bannerSlide = setTimeout(slideShow, 5000);
}

function stopSlide()
{
  clearTimeout(bannerSlide);
}

function nextPicture()
{
  clearTimeout(bannerSlide);

//  Effect.Fade('slide' + current, {queue: { position: 'front', scope: 'scope1' }}); 
  slide = document.getElementById('slide' + current);
  slide.style.display = 'none';

  heading = document.getElementById('heading' + current);
  heading.style.display = 'none';
    
  // Show next picture, if last, loop back to front
  if (current == last) { current = 1; }
  else { current++ }

//  Effect.Appear('slide' + current, {queue: { position: 'end', scope: 'scope1'}});
  slide = document.getElementById('slide' + current);
  slide.style.display = 'block';

  heading = document.getElementById('heading' + current);
  heading.style.display = 'block';
}

function previousPicture()
{
  clearTimeout(bannerSlide);

//  Effect.Fade('slide' + current, {queue: { position: 'front', scope: 'scope1' }});
  slide = document.getElementById('slide' + current);
  slide.style.display = 'none';
    
  heading = document.getElementById('heading' + current);
  heading.style.display = 'none';

  if (current == first) { current = last; }
  else { current--; }

//  Effect.Appear('slide' + current, {queue: { position: 'end', scope: 'scope1'}});
  slide = document.getElementById('slide' + current);
  slide.style.display = 'block';

  heading = document.getElementById('heading' + current);
  heading.style.display = 'block';
}

function slideShow()
{
  // Hide current picture
  //Effect.Fade('slide' + current, {queue: { position: 'front', scope: 'scope1' }}); 
  slide = document.getElementById('slide' + current);
  slide.style.display = 'none';

  heading = document.getElementById('heading' + current);
  heading.style.display = 'none';
	    
  // Show next picture, if last, loop back to front
  if (current == last) { current = 1; }
  else { current++ }

  //Effect.Appear('slide' + current, {queue: { position: 'end', scope: 'scope1'}});
  slide = document.getElementById('slide' + current);
  slide.style.display = 'block';

  heading = document.getElementById('heading' + current);
  heading.style.display = 'block';

  bannerSlide = setTimeout(slideShow, 5000);
}

var first = 1;
var last = 4;
var current = 1;
var bannerSlide;
var queue = Effect.Queues.get('scope'); 

queue.interval = 100;

window.onload=function(){ startSlide(); }