window.addEvent('domready', function() {
	var moyen = new Request.HTML({
		url:'/ajax/box_moyen.php',
		onSuccess: function(tree, element, html){
			$('box_moyen').set('html', html);
			$('loading').addClass('hide');
			$('box_moyen').fade(1);
		},
		onRequest: function(){
			$('loading').removeClass('hide');
			$('box_moyen').fade(0.5);
		}
	});
	
	var pointers = $$('.pointer');
	pointers.each(function(el){
		el.addEvent('click', function() {
			moyen.options.data='moyen_id='+el.lang;
			moyen.send();
		});
	});
})

window.addEvent('domready', function() {
	
	var agence = new Request.HTML({
		url:'/ajax/box_agence.php',
		onSuccess: function(tree, element, html){
			$('box_agence').set('html', html);
			$('loading').addClass('hide');
			$('box_agence').fade(1);
		},
		onRequest: function(){
			$('loading').removeClass('hide');
			$('box_agence').fade(0.5);
		}
	});
	
	var zone = $$('.zone');
	zone.fade(0.6);
	zone.each(function(el){
		el.addEvent('click', function() {
			agence.options.data='agence_id='+el.rev;
			agence.send();
		});
		
		el.addEvent('mouseenter', function() {
			el.fade(0.3);
		});
		el.addEvent('mouseleave', function() {
			el.fade(1);
		});
	});
})