var etatOuverture=0;
var position = 0;
// fermé = 0
// en ouverture = 1
// ouvert = 2
// en fermeture = 3

var timer;

function planifierFermeture()
{
	timer = setTimeout('demarrerFermetureMenu()',500);
}

function deplanifierFermeture()
{
	clearTimeout(timer);
	timer = 0;
}

function demarrerOuverture()
{
    if ((etatOuverture == 0))
    {
        etatOuverture = 1;
        ouvrirMenu();
    }
    
    // Dans les autres cas, pas d'action, on laisse se dérouler
    
}

function demarrerFermetureMenu()
{
    if ((etatOuverture == 2))
    {
        etatOuverture = 3;
        fermerMenu();
    }

}

function ouvrirMenu()
{
    if (etatOuverture != 1)
        return;

	position += 0.04;
	
	if (position >= 1)
	{
	    position = 1;
        etatOuverture = 2;
	}
	
	DeplacerMenu(position);
	
    setTimeout('ouvrirMenu()', 10);
}

function fermerMenu()
{
    
    if (etatOuverture != 3)
        return;

	position -= 0.05;
	
	if (position <= 0)
	{
	    position = 0;
        etatOuverture = 0;
	}
	
	DeplacerMenu(position);
	
    setTimeout('fermerMenu()', 10);
}

function DeplacerMenu(position)
{
	var valeur = ((1 - Math.cos(position * 3.14159)) / 2) * 72;
	
	document.getElementById('menu1').style.left = (valeur) + 'px';
	document.getElementById('menu2').style.left = (valeur*2) + 'px';
	document.getElementById('menu3').style.left = (valeur*3) + 'px';
	//document.getElementById('menu4').style.left = (valeur*4) + 'px';
}