window.addEvent('domready', function(){
  activeMootools();

});


function montre(id) {
	$(id).setProperty('style','opacity:0;display:block'); 
	var fx = new Fx.Styles($(id), {duration:500, wait:false});
	fx.start({'opacity': 1});
}
function montre_inline(id) {
	$(id).setProperty('style','opacity:0;display:inline'); 
	var fx = new Fx.Styles($(id), {duration:500, wait:false});
	fx.start({'opacity': 1});
}
function cache(id) {
	var fx = new Fx.Styles($(id), {duration:500, wait:true});
	fx.start({'opacity': 0});
	$(id).setProperty('style','display:none'); 
}

function activeMootools(){

	// On applique le gestionnaire d'évènement à tous les liens du menu liste
	var list = $$('a.button');
	list.each(function(element) {
		  	// Gestionnaire d'évènement 'click'
		  	element.addEvent('click', function(e){
			// On stoppe le pointage naturel du lien pour ne pas recharger la page
				e = new Event(e).stop();
				// Requête ajax
				$('Main').innerHTML = '<div class="body"><div class="loading">En cours de chargement</div></div>';
				var url = element.getProperty('href') + ':::skeleton/inc';
				var ajaxRequest = new Ajax(url, {
					method: 'get',
					update: $('Main')
				});
				$('Main').setProperty('style','display:none;');
				ajaxRequest.request();
				montre('Main');

			});
	});

	var list = $$('.scroller');
	list.each(function(element) {
		element.setProperty('style','overflow:hidden;'); 
	
		var scroll2 = new Scroller(element, {area: 50, velocity: 0.3});
		element.addEvent('mouseover', scroll2.start.bind(scroll2));
		element.addEvent('mouseout', scroll2.stop.bind(scroll2));
	});

	// On applique le gestionnaire d'évènement à tous les liens du menu liste
	var list = $$('#Page a.img_button');
	list.each(function(element) {
		  	// Gestionnaire d'évènement 'click'
		  	element.addEvent('click', function(e){
			// On stoppe le pointage naturel du lien pour ne pas recharger la page
				e = new Event(e).stop();
				// Requête ajax
				var parentID = element.getParent().getParent().getParent().getProperty('id');
				mainID = parentID+'Main';
				$(mainID).setProperty('style','opacity:0;display:block'); 
				var url = element.getProperty('href') + '=false:::skeleton/inc';
				$(mainID).innerHTML = '<div class="loading"></div>';
				var ajaxRequest = new Ajax(url, {
					method: 'get',
					update: $(mainID)
				});
				ajaxRequest.request();
				
				var fx = new Fx.Styles($(mainID), {duration:1000, wait:false});
				fx.start({'opacity': 1});

			});
	});

	// Mettre les formulaires en ajax ?
	/*var list = $$('input[type=submit]');
	list.each(function(element) {
			element.setProperty('style','background:red;');
		  	// Gestionnaire d'évènement 'click'
		  	element.addEvent('click', function(e){
			// On stoppe le pointage naturel du lien pour ne pas recharger la page
				e = new Event(e).stop();
				// Requête ajax
				$('Main').innerHTML = '<div class="body"><div class="info">En cours de chargement</div></div>';
				var url = element.getParent().getProperty('action') + ':::skeleton/inc';
				var ajaxRequest = new Ajax(url, {
					method: 'post',
					update: $('Main'),
					data: document.forms[0],
                			onComplete: function(msg) {alert('Ok');},
                			onFailure: function() {alert('Error');}

				});
				$('Main').innerHTML = '<div class="body"><div class="info">' + url + '</div></div>';
				//$('Main').setProperty('style','display:none;');
				ajaxRequest.request();
				//montre('Main');

			});
	});*/

}