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

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

//var myHorizontalSlide = new Fx.Slide('titre2', {mode: 'horizontal'});
//$$('a.fadeopacity').addEvent('click', function(e){
//	myHorizontalSlide.slideOut();
//});
//SLIDE SS MENU
var initMultiBox = new multiBox({
		mbClass: '.mb',//class you need to add links that you want to trigger multiBox with (remember and update CSS files)
		container: $(document.body),//where to inject multiBox
		descClassName: 'multiBoxDesc',//the class name of the description divs
		path: './Files/',//path to mp3 and flv players
		useOverlay: true,//use a semi-transparent background. default: false;
		maxSize: {w:600, h:400},//max dimensions (width,height) - set to null to disable resizing
		addDownload: false,//do you want the files to be downloadable?
		pathToDownloadScript: './Scripts/ForceDownload.asp',//if above is true, specify path to download script (classicASP and ASP.NET versions included)
		addRollover: true,//add rollover fade to each multibox link
		addOverlayIcon: true,//adds overlay icons to images within multibox links
		addChain: true,//cycle through all images fading them out then in
		recalcTop: true,//subtract the height of controls panel from top position
		addTips: true//adds MooTools built in 'Tips' class to each element (see: http://mootools.net/docs/Plugins/Tips)
	});

//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();
	

var myAccordion = new Accordion($('accordion2'), 'h3.toggler2', 'div.element2', {

	opacity: false,
	onActive: function(toggler, element){toggler2.setStyle('border-color', '#666');
	toggler2.setStyle('color', '#000');
		
},
	onBackground: function(toggler, element){	toggler2.setStyle('border-color', '#222');
	toggler2.setStyle('color', '#222');
}
}).hide();
});

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

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

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

titre2Fx = new Fx.Tween('titre2', {
	property: 'opacity',
	duration: 20, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});
titre2Fx.start(0,1);

buzFx = new Fx.Tween('buz', {
	property: 'opacity',
	duration: 20, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});
buzFx.start(0,1);

var slide = new Fx.Slide('titre2',{duration: 500,  mode: 'horizontal'});
	slide.hide();
	slide.slideIn();


var slide = new Fx.Slide('buz',{duration: 800,  mode: 'vertical'});
	slide.hide();
	slide.slideIn();
});