window.addEvent('domready',function(){
		
		$$('div#menu ul li a, div#menu_pension ul li a, div#menu_nature ul li a, div#menu_activite ul li a').addEvent('click',function(event) {
			event.preventDefault();
		});

        var mainslider = new noobSlide({
			box: $('box1'),
			mode: 'horizontal',
			items: $$('#box1 div'),
			size: 754,
			handles: $$('div#menu ul li a'),
			onWalk: function(currentItem,currentHandle){
					this.handles.removeClass('active');
					currentHandle.addClass('active');
			}
        });

        var pension = new noobSlide({
			box: $('box2'),
			mode: 'vertical',
			items: $$('#box2 div'),
			size: 330,
			buttons: {
                             first:  $('menu_pt_pension')
                        },
			handles: $$('div#menu_pension ul li a'),
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
        });

        var nature = new noobSlide({
			box: $('box3'),
			mode: 'vertical',
			items: $$('#box3 div'),
			size: 330,
			buttons: {
                             first:  $('menu_pt_nature')
                        },
			handles: $$('div#menu_nature ul li a'),
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
        });
        
        var activite = new noobSlide({
			box: $('box4'),
			mode: 'vertical',
			items: $$('#box4 div'),
			size: 330,
			buttons: {
                             first:  $('menu_pt_activite')
                        },
			handles: $$('div#menu_activite ul li a'),
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
        });

});