var scrollerCurrentPos	= 1;
var scrollerAuto		= true;
var scrollerRunning		= false;

var visuelsWidth			= 904;
var presentationsWidth		= 250;

document.observe("dom:loaded", function() {
	$$('.scrollNav a').invoke('observe', 'click', observeScrollerScrollNav);
		
	if (
		(scrollerAuto)
		&& (!scrollerRunning)
	) {
		// lance une premiere modification de la presentation juste pour empecher
		// un bug sous IE et le preparer a deplacer les calques presentation
		new Effect.Move(document.getElementById('presentations'), {
			'duration'		: 0.1,
		});
		setTimeout('observeScrollerAuto()', 7000);
	}

});

function observeScrollerScrollNav(event){

	event.stop();

	if (!scrollerRunning) {
		
		element	 	= event.element();
		position 	= element.readAttribute('rel');
		parts 		= position.split('_');
		position	= parts[1];
		
		step 		= position - scrollerCurrentPos;
		
		// Arrêter le scroll automatique
		scrollerAuto = false;
		
		clearTimeout();
		
		// Visuels
		new Effect.Move(document.getElementById('visuels'), { 
			x: - visuelsWidth * step, 
			'y'				: 0,
			'duration'		: 1,
			'mode'			: 'relative',
			'beforeStart'	: function() {scrollerRunning = true},
			'afterFinish'	: function() {
				scrollerRunning = false;
			}				
		});
	
		
		// Présentations
		new Effect.Move(document.getElementById('presentations'), {
			'x'				: - presentationsWidth * step, 
			'y'				: 0,
			'duration'		: 1,
			'mode'			: 'relative',
			'beforeStart'	: function() {scrollerRunning = true},
			'afterFinish'	: function() {
				scrollerRunning = false;
			}
		});	
		
		
		
		
		// Mettre à jour la position courante
		scrollerCurrentPos = position;	
		
		navigationSelected();
		
	}
	
}

function observeScrollerAuto(){

	if (
		(scrollerAuto)
		&& (!scrollerRunning)
	) {		
		scrollerCurrentPos = scrollerCurrentPos + 1;
			
		if (nbElements < scrollerCurrentPos) {
			scrollerCurrentPos 		= 1;
			postionXVisuels 		= visuelsWidth * (nbElements - 1);
			postionXPresentations	= presentationsWidth * (nbElements - 1);
			
		} else {
			postionXVisuels 		= - visuelsWidth;
			postionXPresentations	= - presentationsWidth;
			
		}
	
		// Déplacer les calques
		// Visuels
		new Effect.Move(document.getElementById('visuels'), { 
			'x': postionXVisuels, 
			'y'				: 0,
			'duration'		: 1,
			'mode'			: 'relative',
			'beforeStart'	: function() {scrollerRunning = true},
			'afterFinish'	: function() {
				scrollerRunning = false;
			}				
		});
	
		// Présentations
		new Effect.Move(document.getElementById('presentations'), {
			'x'				: postionXPresentations, 
			'y'				: 0,
			'duration'		: 1,
			'mode'			: 'relative',
			'beforeStart'	: function() {scrollerRunning = true},
			'afterFinish'	: function() {
				scrollerRunning = false;
			}
		});
		
	
	} else {
		clearTimeout();
		
	}
	
	navigationSelected();
	setTimeout('observeScrollerAuto()', 7000);
		
}

function navigationSelected() {

	// Sélectionner le bouton de navigation courant
	$$('.scrollNav a').each(function (item) {
		positionNav = item.readAttribute('rel');	
		parts		= positionNav.split('_');
		positionNav	= parts[1];
	
		if (
			(positionNav == scrollerCurrentPos)
			&& (!item.hasClassName('selected'))
		) {
			item.addClassName('selected');
			
		} else if (
			(positionNav != scrollerCurrentPos)
			&& (item.hasClassName('selected'))
		) {
			item.removeClassName('selected');
			
		}
	});	
	
}

function test(){
	alert('ici');
}