function getCursor(e) {
  e = e || window.event;
  return {"x": e.clientX, "y": e.clientY};
}
var timer = 0;
var Fin = 0;
function Slide(){


var Gallery = $('gallery');

if(Gallery){

  var Diapo = $('diapo');
  var hauteur = Gallery.offsetHeight;
  if(Diapo.offsetHeight>hauteur){
  Gallery.style.overflow = "hidden";

//  var Top = $('top');
//  var Bottom = $('bottom');
//  Top.style.display = 'block';
//  Bottom.style.display = 'block';

  var slide = Diapo.offsetTop;
  Limit = (Gallery.offsetHeight)-(Diapo.offsetHeight);


  Gallery.onmousemove = function(e){

    var cursor = getCursor(e);
    f = (cursor.y-200) - (hauteur/2);

// Demarre Onover 
    Diapo.onmouseover = function(){
    timer = setInterval(function() {
        if (Diapo.offsetTop-(f/40) > 0){
          clearInterval(timer);
          Diapo.style.top = '0px';
          }
        else if (Diapo.offsetTop-(f/40) < Limit){
          clearInterval(timer);
          Diapo.style.top = Limit+'px';
          }
        else{
          slide -= f/40;
          Diapo.style.top = slide+'px';
          }
      }, 50);
    }

//    Top.onmouseover = function(){
    
//    timer = setInterval(function() {
//        if (Diapo.offsetTop-(f/30) > -1){
//          clearInterval(timer);
//          Diapo.style.top = '0px';
//          }
//        else {
//          slide -= f/30;
//          Diapo.style.top = slide+'px';
//          }
//      }, 50);
//    }
    
//    Bottom.onmouseover = function(){
    
//    timer = setInterval(function() {
//        if (Diapo.offsetTop-(f/30) < Limit){
//          clearInterval(timer);
//          Diapo.style.top = Limit+'px';
//          }
//        else{
//          slide -= f/30;
//          Diapo.style.top = slide+'px';
//          }
//      }, 50);
//    }
  }
  Gallery.onmouseout = function() {clearInterval(timer)}
  }
  }
}