window.addEvent('domready', function () {
		new MultipleOpenAccordion($('right'), {
			elements: $$('div.accordion'),
			togglers: $$('div.toggler'),
   			openAll: false,
   			firstElementsOpen: [0,1,2],
   			onActive: function(toggler, accordion){
				toggler.setStyle('background-position', '0px -68px');
				toggler.setStyle('color', '#0084b8');
				toggler.removeClass('accordion_closed');
	            toggler.addClass('accordion_open');
			},
			onBackground: function(toggler, accordion){
				toggler.setStyle('background-position', '0px 0px');
				toggler.setStyle('color', '#727272');
	            toggler.removeClass('accordion_open');
				toggler.addClass('accordion_closed');
			}
		});	
		$$('div.toggler').addEvent('mouseover', function(){
			if (this.className == "toggler" || this.className == "toggler accordion_closed") {
			this.setStyle('background-position', '0px -34px');
	        this.setStyle('cursor', 'pointer');
			}
	    });
	    $$('div.toggler').addEvent('mouseout', function(){
	    	if (this.className == "toggler" || this.className == "toggler accordion_closed") {
	    	this.setStyle('background-position', '0px 0px');
	    	}
	    });	
	    
		var myTabSwapper = new TabSwapper({
			rearrangeDOM: false,
		    selectedClass: 'active',
		    deselectedClass: 'off',
		    mouseoverClass: 'over',
		    mouseoutClass: 'out',
		    tabs: $$('#right div.slide_btn'),
		    sections: $$('#panes div.pane'),
		    smooth: true,
		    onActive: function(){
		    	// ramène l'écran en haut car les boutons sont en bas...
				window.scrollTo(0, 0);
			}
		});
		
		var tips = new Tips($$('.tips'), {
		});

	});