// JavaScript Document
	window.addEvent('domready',function(){


		//SAMPLE 5 (mode: vertical, using "onWalk"  a conserver pour les legendes et pas seulement )
		var info5 = $('info5').setOpacity(0.5);
		var sampleObjectItems =[
      		{title:'RENCONTRES AVEC LA NATURE'}, 
            {title:'SCENE POUR TOURNAGES ET REPORTAGES'},
			{title:'SOIREES MUSICALES ET SPECTACLES A BORD'},
            {title:'A LA DECOUVERTE DES CETACES'},
            {title:'DECOUVERTE DE LA MEDITERRANNEE'},
			{title:'POUR DES INCENTIVES UNIQUES'},
			{title:'DES PAYSAGES A COUPER LE SOUFFLE'},			            
            {title:'EDUCATION ET PEDAGOGIE'},
		];
		var hs5 = new noobSlide({
			mode: 'vertical',
			box: $('box5'),
			size: 180,
			items: sampleObjectItems,
			buttons: {
				previous: $('prev5'),
				play: $('play5'),
				stop: $('stop5'),
				next: $('next5')
			},
			onWalk: function(currentItem){
				info5.empty();
                new Element('h4').setHTML(currentItem.title).inject(info5);
                new Element('p').setHTML(' ').inject(info5); // ici deuxième ligne de texte dans setHTML('mon texte')
			}
		});

		//SAMPLE 6 (on "mouseenter" walk)
		var info6 = $('box6').getNext().setOpacity(0.5);
		var hs6 = new noobSlide({
			mode: 'vertical',
			box: $('box6'),
			items: sampleObjectItems,
			size: 180,
			handles: $ES('div','handles6_1').extend($ES('div','handles6_2')),
			handle_event: 'mouseenter',
			buttons: {
				previous: $('prev6'),
				play: $('play6'),
				stop: $('stop6'),
				playback: $('playback6'),
				next: $('next6')
			},
			button_event: 'click',
			fxOptions: {
				duration: 1000,
				transition: Fx.Transitions.Back.easeOut,
				wait: false
			},
			onWalk: function(currentItem,currentHandle){
				info6.empty();
                new Element('h4').setHTML(currentItem.title).inject(info6);
                new Element('p').setHTML(' ').inject(info6); // ici deuxième ligne de texte dans setHTML('mon texte')
				this.handles.setOpacity(0.3);
				currentHandle.setOpacity(1);
			}
		});
		hs6.next();
		
		
		//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)

	});