window.addEvent('domready',function(){
	
		//SAMPLE 8
		var hs8 = new noobSlide({
		    autoPlay: true,
			box: $('box8'),
			startItem: 1,
			items: $ES('h3','box8'),
			size: 765,
			handles: $ES('span','handles8'),
			onWalk: function(currentItem,currentHandle){
				//style for handles
				/*
					don't  do some like that
						this.handles.extend(handles8_more).removeClass('active');
					because every walk event "this.handles" is extend permanently, use:
						$extend(hthis.handles,andles8_more).removeClass('active'); OR
						$$(this.handles,handles8_more).removeClass('active');
						buttons: {previous: $('prev8'), play: $('play8'), stop: $('stop8'), playback: $('playback8'), next: $('next8') },
				*/
				$$(this.handles,handles8_more).removeClass('active');
				$$(currentHandle,handles8_more[this.currentIndex]).addClass('active');
				//text for "previous" and "next" default buttons
				$('prev8').setHTML('<< '+this.items[this.previousIndex].innerHTML);
				$('next8').setHTML(this.items[this.nextIndex].innerHTML+' >>');
			
			}
		});
		//more "previous" and "next" buttons
		hs8.addActionButtons('previous',$ES('.prev','box8'));
		hs8.addActionButtons('next',$ES('.next','box8'));
		//more handle buttons
		var handles8_more = $ES('span','handles8_more');
		hs8.addHandleButtons(handles8_more);
		//
		hs8.walk(0)
		
	});