/* ==============================================================================

Script de gestion de l'entete

================================================================================ */
window.addEvent('domready', function()
{	
	// Image utilisee par defaut
	activeImage = 'img1';
	activeLink = 'lien1';
	
	// Initialise l'image par default
	var initialise = $(activeImage).setStyles({display:'block',opacity: 0});	
	new Fx.Style(initialise, 'opacity', {duration: 1} ).set(1);
	$(activeLink).className = "active";
	
	// Ajout d'un event listener
	$('banner-nav').getElements('a').addEvent('mouseenter', function(e) 
	{	
		new Event(e).stop();
		
		$(activeLink).className = "";
		this.className = "active";
		activeLink = this.id;
		
		var newImage = 'img'+this.id.substr(4,1);		// OD - Pour conformite W3C
		
		transitionImage(activeImage,newImage);
	});
});

function transitionImage(oldImage,newImage)
{
	var fadeOut = function()
	{
		var div = $(oldImage).setStyles({
			opacity: 1
		});		
		new Fx.Style(div, 'opacity', {duration: 700}).start(0);		
		fadeIn();		
	};
	
	var fadeIn = function()
	{	
		var div2 = $(newImage).setStyles({
			display:'block',
			opacity: 0
		});			
		new Fx.Style(div2, 'opacity', {duration: 700}).start(1);
	};
	
	if(newImage != activeImage)
	{
		fadeOut();
		activeImage = newImage;		
	}
}