var campaign_showcase;
var campaign_showcase_controllers = [];
Event.observe( window, 'load', function(){
	campaign_showcase = new ShowcaseSlider( '#sliderContent li', {
		delay: 5,
		duration: 1,
		autoPlay: true,
		autoStop: true,

		trigger:{
			forward: $$('#sliderPagerNext a')[0],
			reverse: $$('#sliderPagerPrev a')[0]
		},

		onInitialized: function(){
			var container_width = 587;
			this.nodes.items.each( function( e, i ){
				$('sliderController').insert( campaign_showcase_controllers[i] = Builder.node( 'li' ));
				campaign_showcase_controllers[i].style.width = ( currentNodeWidth = Math.floor( container_width / ( this.nodes.items.length - i ))) - 2 +'px';
				container_width -= currentNodeWidth;
				this.observe( campaign_showcase_controllers[i], i );
			}.bind( this ));
			if( campaign_showcase_controllers[0]) $( campaign_showcase_controllers[0]).addClassName('active');
		},

		onSelected: function( next, current ){
			var e = $( this.nodes.items[ next ]).select('p.description')[0];
			if( e ){
				if( e.morphEffect && e.morphEffect.cancel ) e.morphEffect.cancel();
				e.setStyle({ bottom: '-100px' });
				e.morphEffect = e.morph( 'bottom:0px;', { delay: 1 }); }
			if( campaign_showcase_controllers[next]) $( campaign_showcase_controllers[next]).addClassName('active');
			if( campaign_showcase_controllers[current]) $( campaign_showcase_controllers[current]).removeClassName('active');
		}
	});
});