function onLoad(ev)
{
    testbis(ev);
}

function move(ev)
{
    testbis(ev);
}

function calcxpos(ev)
{
    var page = document.getElementById("page");
    var balladeur = document.getElementById("balladeur");
    return (document.body.offsetWidth + page.offsetWidth)/2;
}

function calclrestant(ev)
{
    var page = document.getElementById("page");
    var balladeur = document.getElementById("balladeur");
    return (document.body.offsetWidth - page.offsetWidth)/2;
}

function test(ev)
{
    var balladeur = document.getElementById("balladeur");
    var val = calcxpos(ev);
    var val2 = calclrestant(ev);
    balladeur.innerHTML = val + "<br/>";
    balladeur.innerHTML += val2;
}

function testbis(ev)
{
    var largeur = 170; //cf fichier css
    var espace = 20;
    var balladeur = document.getElementById("balladeur");
    var balladeurbis = document.getElementById("balladeurbis");
    var val = calcxpos(ev);
    var val2 = calclrestant(ev);
    if (val2 > largeur + espace)
    {
        balladeur.style.left = val + espace + "px";
        balladeur.style.display = "block";
        balladeurbis.style.display = "none";
    }
    else
    {
        balladeur.style.display = "none";
        balladeurbis.style.display = "block";
    }
}