window.addEvent('domready', function() {
	
	if (!window.content_path) { 
		window.content_path = "/index/content/";
	}
	
	var content_path = window.content_path;
	
	var lock = false;
	
	var p1 = 'runpack';
	var p2 = 'team';
	var p3 = 'customers';
	
	//$('references_website').scrollTop = 600;

	var _delay = 10000;
	var effetTop = new Fx.Tween($('references_scroll'), {transition: Fx.Transitions.Elastic.easeOut}) ;
	var _timer = tickHandler.delay(_delay / 2); //Waits 5 seconds then executes myFunction.
	var _y = 0;
	
	var _count = $$('#references_scroll .it').length;
	var _max = (-_count + 1) * 640;
	var _change = false;
	
	function tickHandler()
	{
		var _top;
		
		if (_change)
		{
			_top =_y + 640;
		}
		else
		{
			_top =_y - 640;
		}
		
		_y = _top;
		
		if (_top <= _max || _top == 0)
		{
			_change = !_change;
		}
		
		effetTop.start('top', _top);
		_timer = $clear(tickHandler);
		_timer = tickHandler.delay(_delay); //Waits 5 seconds then executes myFunction.
	}
	
	var content = 'layout';
	var content_loader = 'tabulation-loader';
	
	var myEffect = new Fx.Morph(content, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
	var content_req = new Request.HTML({url:content_path, 
		
		onSuccess: function(html) {
			$(content).set('text', null);
			$(content).className = 'layout';
			$(content_loader).style.display = 'none';
			$(content).adopt(html);
			
			myEffect.pause();
			myEffect.start({
			    'opacity': 1
			});
			
			lock = false;
		},
		
		onFailure: function() {
			$(content).set('text', null);
			$(content).className = 'layout';
			$(content_loader).style.display = 'none';
			$(content).set('text', 'Erreur lors de l\'envoi de la requête.');

			myEffect.pause();
			myEffect.start({
			    'opacity': 1
			});
			
			lock = false;
		}
		
	});
	
	$(p1).addEvent('click', function(event) {
		event.stop();
		if (lock) return;
		lock = true;
		prepareChange(p1);
		content_req.send('page=p1');
	});
	
	$(p2).addEvent('click', function(event) {
		event.stop();
		if (lock) return;
		lock = true;
		prepareChange(p2);
		content_req.send('page=p2');
	});
	
	$(p3).addEvent('click', function(event) {
		event.stop();
		if (lock) return;
		lock = true;
		prepareChange(p3);
		content_req.send('page=p3');
	});
	
	function prepareChange(id)
	{
		myEffect.start({
		    'opacity': 0
		});

		$(p1).className = null;
		$(p2).className = null;
		$(p3).className = null;
		$(id).className = 'select';
		$(content_loader).style.display = 'block';
	}
	
});