window.addEvent('domready', function(){
//  var transition = 'alternate';
//  $$('input[name=transition]').addEvent('click', function(){ transition = this.value; });
//  var slideAvailable = ['slide-left', 'slide-right', 'slide-top', 'slide-bottom', 'fade'];
//  var slideTransition = function(){
//    switch(transition){
//      case 'alternate':
//        if(! $defined(this.count)) this.count = -1;
//        return slideAvailable[++this.count % slideAvailable.length];
//      case 'random': return slideAvailable.getRandom();
//      default: return transition;
//    }
//  }
  
//  $('option-auto').addEvent('click', function(){
//    slideshow.options.auto = this.checked;
//  });
  
  var slideshow = new BarackSlideshow('slideMenu', 'pictures', 'loading', {autostart: true, transition: 'fade', autointerval: '4000', auto: true });

	// the example above is only fitting for this demo, since we let the user pick the transition and turn auto on/off
	// for most scenarios, it's only enough with: 
	// new BarackSlideshow('menu', 'pictures', 'loading', {transition: '<transition here>', auto: true});
	// transitions can be 'slide-left', 'slide-right', 'slide-top', 'slide-bottom', 'fade'
});

//BarackSlideshow is initialized as follows:

//window.addEvent('domready', function(){
//    new BarackSlideshow('menu', 'pictures', 'loading', {transition: 'slide-left', auto: true});});
//
//Options
//
//    * transition (defaults to 'fade') Can be 'slide-left', 'slide-right', 'slide-top', 'slide-bottom', 'fade'
//    * auto (defaults to false) Whether to move from image to image automatically
//    * autostart (defaults to false) Whether to start slideshow automatically upon initialization
//    * autointerval (defaults to 2000) Interval time from image to image in ms
//    * tween (defaults to {duration: 700}) Options to pass to MooTools Fx.Tween, which takes care of image transitions.