//temps avant que le sous-menu disparaisse
var timeout = 1200;

var fermetureTimer = 0;
var sousMenuPopupDIV = 0;

var boutonMenuMainCourant = "";
var boutonMenuMainMouseOver = ""



//afficher un DIV de sous-menu
//id = id du bouton qui a un mouseOver
//noBouton = simplement le chiffre du bouton... qui vient du sitemapfile...
function MenuMainBoutonMouseOver(id, noBouton) {
    //canceller le timer de fermeture
    cancellerFermetureTimer();

    //fermer un sous-menu si il y en avait un d'affiché
    if (sousMenuPopupDIV) sousMenuPopupDIV.style.display = 'none';

    //Si il y a déjà un bouton actif on le met
    //temporairement à son état normal (non mouseover...)
    //P.S. repertoireImages est settée directement dans le html de FPMain.Master
    //pour qu'il utilise du code ResolveClientUrl("~/images")... 
    if (boutonMenuMainCourant != "")  {
        document.getElementById(boutonMenuMainCourant).style.backgroundImage = 'url(' + repertoireImages + '/menus/' + boutonMenuMainCourant + '_back.jpg)';
    }
    
    if ((boutonMenuMainMouseOver != "") && (boutonMenuMainMouseOver != boutonMenuMainCourant)) {
        document.getElementById(boutonMenuMainMouseOver).style.backgroundImage = 'url(' + repertoireImages + '/menus/' + boutonMenuMainMouseOver + '_back.jpg)';
    }
    
    //Afficher l'image hover du bouton actuellement en mouseover
    document.getElementById(id).style.backgroundImage = 'url(' + repertoireImages + '/menus/' + id + '_over.jpg)';
    boutonMenuMainMouseOver = id;

    //afficher le nouveau DIV de sous-menu
    sousMenuPopupDIV = document.getElementById(noBouton);
    sousMenuPopupDIV.style.display = 'block';
}



//masquer le DIV actuel
function masquerDIV() {
    if (sousMenuPopupDIV) {
        sousMenuPopupDIV.style.display = 'none';
    }


    //on remet celui qui a reçu temporairement le mouseover
    //à son état normal
    //P.S. repertoireImages est settée directement dans le html de FPMain.Master
    //pour qu'il utilise du code ResolveClientUrl("~/images")... 
    if (boutonMenuMainMouseOver != "") {
        document.getElementById(boutonMenuMainMouseOver).style.backgroundImage = 'url(' + repertoireImages + '/menus/' + boutonMenuMainMouseOver + '_back.jpg)';
        boutonMenuMainMouseOver = "";
    }


    //On remet le bouton qui a déjà été cliqué pour vrai
    //à son état hover (il a été mis temporairement à son non-mouseover
    //quand un autre a eu le mouseover...)
    if (boutonMenuMainCourant != "") {
        document.getElementById(boutonMenuMainCourant).style.backgroundImage = 'url(' + repertoireImages + '/menus/' + boutonMenuMainCourant + '_over.jpg)';
    }

}



function debutTempsFermeture() {
    fermetureTimer = window.setTimeout(masquerDIV, timeout);
}

function cancellerFermetureTimer() {
    if (fermetureTimer) {
        window.clearTimeout(fermetureTimer);
        fermetureTimer = null;
    }
}

// fermer tout sous-menu si le user clique à côté... avant la fin du timer
document.onclick = masquerDIV;