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

	var myFx = new Fx.Scroll('references-wrap', {duration: 1000, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});

	$('link-global').addEvent('click', function(event){
		event = new Event(event).stop();

		if(!$('block-1').hasClass('hover')) {
			myFx.toElement('block-1');
			$('block-2').removeClass('hover');
			$('block-1').addClass('hover');
			
			$('link-global').addClass('hover');
			$('link-atrium').removeClass('hover');
			
			
			automatic(1);
		}
	});
	$('link-atrium').addEvent('click', function(event){
		event = new Event(event).stop();

		if(!$('block-2').hasClass('hover')) {
			myFx.toElement('block-2');
			$('block-1').removeClass('hover');
			$('block-2').addClass('hover');
			
			$('link-global').removeClass('hover');
			$('link-atrium').addClass('hover');
			
			automatic(2);
		}
	});

	var myEffect_block = new Array();
	myEffect_block[0] = new Fx.Morph('block-contenu-1', {duration: 500, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block[1] = new Fx.Morph('block-contenu-2', {duration: 500, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	
	function automatic(number) {
		
		number_inf = number -1;
	
		$$('.block-contenu').each( function(element, index) {
			if(element.hasClass('hover')) {
				myEffect_block[index].start({'opacity': [1, 0]}).chain(
					function() {
						element.removeClass('hover');
						element.setStyle('display', 'none');
						$('block-contenu-'+number).setStyle('display', 'block');
						myEffect_block[number_inf].start({'opacity': [0, 1]}).chain( function() {
							$('block-contenu-'+number).addClass('hover');
						});
					}
				);
			}
		});
	
	}

});