var x = 0;
var y = 0;
var dist=-50//réglage distance à gauche initial
var mess=" ";
var posX = 0;
var posY = 0;
var animate = true;
var imag1 = "imagesanna/pendule.gif";

if (document.getElementById)
{
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = depl_img;
}
function Pos_Souris(p)
{
x = (navigator.appName.substring(0,3) == "Net") ? p.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? p.pageY : event.y+document.body.scrollTop;
}
function clickok()
{
//alert(mess);
}
function depl_img()
{
if (document.getElementById && animate)
{
document.getElementById("idjoe").style.top = posY-30;//réglage de la hauteur
document.getElementById("idjoe").style.left = posX+dist;
vitess = setTimeout("depl_img()",10)
posX = posX+(((x-posX)+10)/30);//Réduire le diviseur pour augmenter la vitesse
posY = posY+(((y-posY)+10)/30);//Réduire le diviseur pour augmenter la vitesse
if(posX+dist<x){
imag2= "canari.gif";
dist=-50 //réglage distance à gauche
}
else{
imag2= "canari.gif";
dist=-5 //réglage distance à droite
}
if(imag2!=imag1)
{
document.joe.src=imag2;
imag1=imag2;
}
}
}

if(document.getElementById)
{
document.write('<DIV ID=idjoe style="position: absolute">');
document.write('<A HREF="#" onClick="clickok();">');
document.write('<IMG SRC= "imagesanna/pendule.gif" name=joe border=0 hspace=0 vspace=0 ></A></DIV>');
}