window.addEvent('domready', function(){
	var list = $$('.menu-cat');
	list.each(function(element) {

		var fx = new Fx.Styles(element, {duration:200, wait:false});

		element.addEvent('mouseenter', function(){
			fx.start({
				'color': '#401a03'
			});
		});

		element.addEvent('mouseleave', function(){
			fx.start({
				'color': 'FFFFFF'
			});
		});

	});
	var list = $$('.souscat');
	list.each(function(element) {

		var fx = new Fx.Styles(element, {duration:200, wait:false});

		element.addEvent('mouseenter', function(){
			fx.start({
				'margin-left': 5
			});
		});

		element.addEvent('mouseleave', function(){
			fx.start({
				'margin-left': 0
			});
		});

	});



	var list = $$('.menu-souscat');
	list.each(function(element) {

		var fx = new Fx.Styles(element, {duration:200, wait:false});

		element.addEvent('mouseenter', function(){
			fx.start({
				'color': 'FFFFFF'
			});
		});

		element.addEvent('mouseleave', function(){
			fx.start({
				'color': '#f6c503'
			});
		});

	});

	var list = $$('.chapitre');
	list.each(function(element) {

		var fx = new Fx.Styles(element, {duration:200, wait:false});

		element.addEvent('mouseenter', function(){
			fx.start({
				'color': '#f6c503'
			});
		});

		element.addEvent('mouseleave', function(){
			fx.start({
				'color': 'FFFFFF'
			});
		});

	});


	$$('.MGroupContent').setStyle('display', 'block');

	var selected = $('MSelected');

	var current = (selected) ? selected.getParent() : false;
	$$('div.MGroup').each(function(div){
		var link = div.getElement('a');
		var block = link.getNext();

		var fx = new Fx.Slide(block);

		if (block != current) fx.hide();
		link.addEvent('click', function(){
			fx.toggle();
		});

	});

	new SmoothScroll();

	// TIPS
	var Tips2 = new Tips($$('.Tips2'), {
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 250, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
});
//document.write('<style type="text/css" media="screen">div.MGroupContent{display: none}</style>');