var slideShow;

window.addEvent('domready', function() {

  slideShow = new SlideShow('slideshow', {
    delay: 3000,
    transition: 'fade',
    duration: 500,
    autoplay: true
  });

  $('playBtn').addEvent('click', function() {
    slideShow.play();

    $('pauseBtn').setStyle('visibility', 'visible');
    $('playBtn').setStyle('visibility', 'hidden');
    $('nextBtn').setStyle('visibility', 'hidden');
    $('prevBtn').setStyle('visibility', 'hidden');
  });

  $('pauseBtn').addEvent('click', function() {
    slideShow.pause();

    $('pauseBtn').setStyle('visibility', 'hidden');
    $('playBtn').setStyle('visibility', 'visible');
    $('nextBtn').setStyle('visibility', 'visible');
    $('prevBtn').setStyle('visibility', 'visible');
  });

  $('nextBtn').addEvent('click', function() {
    slideShow.showNext();
  });

  $('prevBtn').addEvent('click', function() {
    slideShow.showPrevious();
  });

});