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

	// initialisation de l'effet barre jaune
	var myElementsEffects = new Fx.Elements($$('.fx'));	

	if(Browser.Engine.trident5){var posFin = 535;}
	else{var posFin = 575;}

	
	// DEFILEMENT
	
	//initialisation : 
	$('menu1').addClass('active');
	$('photo_1').setStyle('display','block');
	
	// fn de defilement
	function defilNews(actif){		
			for (i=1; i<=4; i++){
				var menuNews = $('menu'+i+'');
				var contentNews = $('photo_'+i+'');
				
				// debut de l'effet barre jaune
				myElementsEffects.start({
					'0': {
					'left':[40,posFin]
					}
				});
			
				if (i==actif) {				
					menuNews.addClass('active');
					contentNews.setStyle('display','block');
				} else {
					menuNews.removeClass('active');
					contentNews.setStyle('display','none');
				}
			}
	};
	
	// fn compteur
	var timerFunction = function(){
		defilNews(this.counter);
		this.counter++;
		if(this.counter>4){this.counter=1}
	};
	
	//lancement du defilement
	var currentCounter = new Hash({counter: 1});
	var defilementNews = timerFunction.periodical(4000, currentCounter);
	
	// pour arreter le defilement: ( a retirer en prod ) 
	
	//$clear(defilementNews); 
		
	for (i=1; i<=4; i++){
		
		$('menu'+i+'').addEvent( 'mouseenter', function(){	
			$clear(defilementNews); 		
			currentCounter = this.getProperty('id').substring(this.getProperty('id').length-1, this.getProperty('id').length);
			defilNews(currentCounter);
				
		});		
	}

	$('navPhoto').addEvent( 'mouseleave', function(){
		if (currentCounter>=4) {
			currentCounter = new Hash({counter:1});
		} else {
			currentCounter++;
			currentCounter = new Hash({counter:currentCounter});
		}
		defilementNews = timerFunction.periodical(4000, currentCounter);
	});

	// Gestion des evenements sur les news :
	$('colDroite').addEvents({
	'mouseenter': function(){
		$clear(defilementNews); 		
		var ongletActif = $$('#navPhoto div.active').getProperty('id');
	}/*,	
	'mouseleave': function(){
		defilementNews = timerFunction.periodical(2000, currentCounter);
	}*/
	});	
});