//position Top du conteneur  //modifier le nom dans le DIV et le script
//position Left du conteneur  //modifier le nom dans le DIV et le script

//position Top de l'oeil  //modifier aussi dans le DIV oeil
posisOeilTop = 24;
//position Left de l'oeil  //modifier aussi dans le DIV oeil
posisOeilLeft = 59;
//largeur de l'orbite de l'oeil
var orbiteL=10;
//hauteur de l'orbite de l'oeil
var orbiteH=12;
//largeur de l'oeil
var oeilH=4;
//hauteur de l'oeil
var oeilL=4;

var centreOrbite=new Array(posisOeilTop+orbiteH/2,posisOeilLeft+orbiteL/2);
var posisOeil=new Array(posisOeilTop,posisOeilLeft);
var SY=posisOeil[1],SX=posisOeil[0];
var maxdpL=orbiteL/2-oeilL/2,maxdpH=orbiteH/2-oeilH/2;
var norme;
var bouge = 1;

function moveOeil(e)
{

  SX = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
  SY = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.clientY + document.body.scrollTop + document.documentElement.scrollTop;

  //position Left du conteneur  //modifier le nom dans le DIV et le script
  posisConteneurLeft = getLeft(document.getElementById("chatanim"));
  //position Top du conteneur  //modifier le nom dans le DIV et le script
  posisConteneurTop = getTop(document.getElementById("chatanim"));

  if (navigator.appName.substring(0,3) == "Net"){
      SX -= posisConteneurLeft;
      SY -= posisConteneurTop;
  } else {
      SX -= posisConteneurLeft;
      SY -= posisConteneurTop-document.getElementById("chatanim").offsetHeight;
  }

  norme=Math.sqrt((SY-centreOrbite[0])*(SY-centreOrbite[0])+(SX-centreOrbite[1])*(SX-centreOrbite[1]));
  if((SY<=(centreOrbite[0]+maxdpH)&&SY>=(centreOrbite[0]-maxdpH))&&(SX<=(centreOrbite[1]+maxdpL)&&SX>=(centreOrbite[1]-maxdpL)))
  {
        posisOeil[0]=SY;
        posisOeil[1]=SX;

  }else{

        posisOeil[0]=Math.round(centreOrbite[0]+(SY-centreOrbite[0])*maxdpH/norme);
        posisOeil[1]=Math.round(centreOrbite[1]+(SX-centreOrbite[1])*maxdpL/norme);

  }

  //mettre les nouvelles valeurs
  document.getElementById("oeil").style.top=(posisOeil[0]-oeilH/2)+'px';
  document.getElementById("oeil").style.left=(posisOeil[1]-oeilL/2)+'px';

  //on a bougé donc on réveille le mouton
  reveil();
}

//Fonction permettant de connaître la position d'un objet
//par rapport au bord de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
function getLeft(MyObject) {
    if (MyObject.offsetParent){
        return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
    } else {
        return (MyObject.offsetLeft);
    }
}
function getTop(MyObject){
    if (MyObject.offsetParent){
        return (MyObject.offsetTop + getTop(MyObject.offsetParent));
    } else {
        return (MyObject.offsetTop);
    }
}

// document.captureEvents(Event.MOUSEMOVE);
//document.onmousemove = moveOeil;

if (navigator.appName.substring(0,3) == "Net") document.addEventListener("mousemove", moveOeil, false);
document.onmousemove = moveOeil;

setInterval("sommeil()", 1000);

function sommeil(){
   bouge+=1;
   if(bouge==10){
        document.getElementById("moutonmail").src='images/mouton_dort.gif';
   }
}

function reveil(){
   bouge = 0;
   if(document.getElementById("moutonmail").src.substring(document.getElementById("moutonmail").src.lastIndexOf("/")+1,document.getElementById("moutonmail").src.length)=='mouton_dort.gif'){
        document.getElementById("moutonmail").src='images/mouton_mache.gif';
   }
}