// JavaScript Document

window.addEvent('domready', function(){
var fx = new Fx.Styles('content-haut', {duration:1900, wait:false});
	fx.set({'margin-top': '1000px', 'opacity': 0});
	fx.start.delay(900, fx, {'margin-top': '0px', 'opacity': 1});

var fx = new Fx.Styles('content-bas', {duration:1800, wait:false});
	fx.set({'margin-top': '1000px', 'opacity': 0});
	fx.start.delay(2200, fx, {'margin-top': '0px', 'opacity': 1});

var fx = new Fx.Styles('focus', {duration:800, wait:false});
	fx.set({'opacity': 0});
	fx.start.delay(2800, fx, {'opacity': 1});
});

window.addEvent('domready',function(){

		var hs1 = new noobSlide({
			box: $('focus-in'),
			items: [1,2,3],
			size: 30,
			autoPlay: true,
			interval: 5000,
			fxOptions: {
				duration: 400,
				transition: Fx.Transitions.Bounce.easeOut,
				wait: false
			},
			mode: 'vertical'
		});

		var hs8 = new noobSlide({
			box: $('jours'),
			items: $ES('div','jours'),
			mode: 'vertical',
			size: 160,
			autoPlay: true,
			startItem: 0,
			handles: $ES('span','bt-jours'),
			buttons: {play: $('bt-play'), stop: $('bt-stop') },
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});
		hs8.walk(0)
	});