// JavaScript Document

Speed = 0;
var Move = 1;


function Magic() {
$('content').style.overflow = 'hidden';
MagicZone = $('gallery');
Catch = $('catch');
SizeZone = MagicZone.offsetWidth;
HideLimit = Catch.offsetWidth - SizeZone;
Op = HideLimit;
  if(MagicZone){
    MagicZone.style.right = Op+'px';
    MagicZone.style.height = hauteur+'px';
    Catch.style.height = hauteur+'px';
    document.onmousemove = OpenOrClose;
  }
}



function OpenOrClose(e){
if (Move == 1){
    Speed = 0;
    var cursor = getCursor(e);
    if ((largeur-cursor.x)<50 && cursor.y>50){
        d = new Date().getTime();
        setTimeout(SlideOpen,80);
        Move = 0;
    } 
    if ((largeur-cursor.x)>SizeZone){
        d = new Date().getTime();
        setTimeout(SlideClose,80);
        Move = 0;
    }
    
  }
}     
      
function SlideOpen() {
  if (Op < 0) {
    rectifTime();
    Op = (Op+35+Speed > 0)? 0 : Op+35+Speed;
    MagicZone.style.right = Op+'px';
    setTimeout(SlideOpen,80);
  }else{MagicZone.style.right = '0px';Move = 1;}
}


function SlideClose(e) {
  if (Op > HideLimit) {
    rectifTime();
    Op = (Op-35-Speed < HideLimit)? HideLimit : Op-35-Speed;
    MagicZone.style.right = Op+'px';
    setTimeout(SlideClose,80);
  }else{MagicZone.style.right = HideLimit+'px';Move = 1;}
}

function rectifTime(){
  d2 = new Date().getTime();
  Speed = (Speed<0)? 0 : 0-((d+=80) - d2);
  Speed = Speed/8;
  return Speed;
}