Event.observe( document, "dom:loaded", function()
{
	// gestion du menu
	
	$$('.onglet h1').each( function(e)
	{
		e.observe( 'click', function(e)
		{
			if( this.hasClassName('off') )
			{
				new Effect.Move( 'header', {y:-200,duration:0.5,mode:'absolute',transition:Effect.Transitions.spring,afterFinish:changerMenu} );
			}
		});
	});

	changerMenu = function()
	{
		$$('.onglet h1').each( function(e)
		{
			if( e.hasClassName('off') )
			{
				e.addClassName('on');
				e.removeClassName('off');
			}
			else
			{
				e.addClassName('off');
				e.removeClassName('on');
			}
		});
	
		$$('#header ul').each( function(e)
		{
			if( e.hasClassName('off') )
			{
				e.addClassName('on');
				e.removeClassName('off');
			}
			else
			{
				e.addClassName('off');
				e.removeClassName('on');
			}
		});
		new Effect.Move( 'header', {y:0,duration:0.5,mode:'absolute',transition:Effect.Transitions.spring} );
	}


	// gestion du bandeau principal
	
	var visibility_status = 1;
	
	hideandseek = function()
	{
		if( visibility_status )
		{
			$$('.message')[1].fade( {duration:2.0 } );
			visibility_status = 0;
		}
		else
		{
			$$('.message')[1].appear( {duration:2.0  } );
			visibility_status = 1;
		}
	}
	new PeriodicalExecuter( hideandseek, 8);
	
	
	// apparition des éléments au chargement de page

	new Effect.Opacity( 'header', {from:0,to:1,duration:0.5} );
	new Effect.Opacity( 'contenu', {from:0,to:1,duration:0.5} );


})