window.addEvent('domready',function(){
	var cases_more = $$('#cases span');
	var cS = new noobSlide({
		box: $('box'),
		items: $$('#box h1'),
		size: 972,
		handles: $$('#cases span'),
		addButtons: {previous: $('prev'), play: $('play'), stop: $('stop'), playback: $('playback'), next: $('next') },
		onWalk: function(currentItem,currentHandle){
			//style for handles
			$$(this.handles,cases_more).removeClass('active');
			$$(currentHandle,cases_more[this.currentIndex]).addClass('active');
		}
	});		
	//more "previous" and "next" buttons
	cS.addActionButtons('previous',$$('.box #prev'));
	cS.addActionButtons('next',$$('.box #next'));
	//walk to item 0 witouth fx
	cS.walk(-1,false,true);
	cS.play(12000,'next');
});