// On récupère la div de l'aide.
function getDivBulleAide() {
    return document.getElementById('bulleAide');
}

// On affiche la bulle d'aide
function montreBulleAide (texte, styleParDefaut, event) {
    var divBulleAide = getDivBulleAide();

    if (divBulleAide != null) {
        if (styleParDefaut) {
            appliquerStyleParDefaut(divBulleAide);
        }
        else {
            appliquerStyleSimple(divBulleAide);
        }

        move (event);

        divBulleAide.style.display = "block";
        divBulleAide.innerHTML = texte;
    }
}

// On cache la bulle d'aide
function cacheBulleAide() {
    var divBulleAide = getDivBulleAide();
    if (divBulleAide != null) {
        divBulleAide.style.display = "none";
    } 
}

// On détermine la position de la bulle d'aide en fonction de celle de la souris.
function move (e) {
    var divBulleAide = getDivBulleAide();
    if (divBulleAide != null) {
        var event = e || window.event;

        // Si on est pas sous IE
        if (navigator.appName != "Microsoft Internet Explorer") {
            divBulleAide.style.left = e.pageX - 195 + "px";
            divBulleAide.style.top = e.pageY + 1 + "px";
        }
        else {
            if (document.documentElement.clientWidth > 0) {
                var scrollTop = document.documentElement.scrollTop;
                divBulleAide.style.left = event.clientX + document.documentElement.scrollLeft - 195 + "px";
                divBulleAide.style.top = event.clientY + document.documentElement.scrollTop + 0 + "px";
            }
            else {
                divBulleAide.style.left = event.clientX + document.body.scrollLeft - 195 + "px";
                divBulleAide.style.top = event.clientY + document.body.scrollTop + 0 + "px";
            }
        }
    }
}

function appliquerStyleParDefaut(divBulleAide) {
    if (divBulleAide != null) {
        divBulleAide.className = "tooltip width180";
    } 
}

function appliquerStyleSimple(divBulleAide) {
    if (divBulleAide != null) {
        divBulleAide.className = "tooltip width490";
    } 
}