window.addEvent('domready', function() {
	//////FADE OUT
	var el = $('contenu');
$$('a.fadeopacity').addEvent('click', function(e) {
	el.fade(0);
	});

 el1 = $('titrub'); 
$$('a.fadeopacity').addEvent('click', function(e) {
el1.fade(0);
	});

var myHorizontalSlide = new Fx.Slide('titrub', {mode: 'horizontal'});

	$$('a.fadeopacity').addEvent('click', function(e){
		myHorizontalSlide.toggle();
	});
	//ACCORDION
	

	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {

		opacity: false,
		onActive: function(toggler, element){toggler.setStyle('border-color', '#666');
			toggler.setStyle('color', '#000');toggler.setStyle('background-image', 'url(icono/moins.gif)');
		
		},
		onBackground: function(toggler, element){	toggler.setStyle('border-color', '#222');
			toggler.setStyle('color', '#222');toggler.setStyle('background-image', 'url(icono/plus.gif)');
		}
	}).hide();
	});
	// FXSLIDE
	//-vertical
////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////
	/////////// FADE
window.addEvent('load', function() {	
								 
	exampleFx = new Fx.Tween('imgfade', {
	property: 'opacity',
	duration: 2300, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});

exampleFx.start(0,1);

contFx = new Fx.Tween('contenu', {
	property: 'opacity',
	duration: 1700, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});

contFx.start(0,1);

titrFx = new Fx.Tween('titrub', {
	property: 'opacity',
	duration: 1000, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});

titrFx.start(0,1);
//slide
var slide = new Fx.Slide('titrub',{duration: 1200,  mode: 'horizontal'});
slide.hide();
	slide.slideIn();

});