function getCursor(e) {
  e = e || window.event;
  var IE  = (document.all);
  if( IE) return {"x": e.offsetX, "y": e.offsetY};
  else return {"x": e.layerX, "y": e.layerY}; 
}
function getCursor2(e) {
   e = e || window.event;
  return {"x": e.clientX, "y": e.clientY};
}
setInterval(function() {
        //var h = document.getElementById('h');
	
	if( document.documentElement && document.documentElement.clientWidth) {// Donc DOCTYPE
		 var d = document.documentElement;   // Dans ce cas c'est documentElement qui est réfèrence
	} else {
		 var d = document.body;
	}
        //var d = document.body;
        Scroll = d.scrollTop + d.clientHeight - d.scrollHeight;
	Scroll_haut = d.scrollTop;
	Client = d.clientHeight - Scroll;
	Largeur = d.clientWidth;
	//top = (d.scrollTop + d.clientHeight - d.scrollHeight)
}, 10);
var timer = 0;
var Fin = 0;

function SlideV(gallery, diapo){
var Gallery = $(gallery);

if(Gallery){

  var Diapo = $(diapo);

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

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

  Gallery.onmousemove = function(Gallery){

    var cursor = getCursor(Gallery)
    //f = (hauteur)-(cursor.y);
    var f = (cursor.y) - (hauteur/2);
    //f = '-'+(cursor.y-200)-(hauteur);
    
   // alert(cursor.y);
    
// Demarre Onover 
    Diapo.onmouseover = function(){
    timer = setInterval(function() {
        if (Diapo.offsetTop-(f/20) >= 0){
          clearInterval(timer);
          Diapo.style.top = '0px';
          }
        else if (Diapo.offsetTop-(f/20) <= Limit){
          clearInterval(timer);
          Diapo.style.top = Limit+'px';
          }
        else{
          slide -= f/20;
          Diapo.style.top = slide+'px';
          }
      }, 50);
    }
  }
  Gallery.onmouseout = function() {clearInterval(timer)}
  Gallery.onclick = function() {clearInterval(timer)}
  }
  }
}

function SlideH(gallery, diapo){
var Gallery = $(gallery);

if(Gallery){

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

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

  var slide = Diapo.offsetLeft;
  //Limit = (Gallery.offsetWidth)-(Diapo.offsetWidth);
  var Limit = (Gallery.offsetWidth)-(Diapo.offsetWidth);


  Gallery.onmousemove = function(Gallery){
   // var top = Gallery.offsetLeft;
    var cursor = getCursor2(Gallery);
    f = (cursor.x) - (hauteur);
//alert(cursor.x);
// Demarre Onover 
    Diapo.onmouseover = function(){
    timer = setInterval(function() {
        if (Diapo.offsetLeft-(f/20) >= 0){
          clearInterval(timer);
          Diapo.style.left = '0px';
          }
        else if (Diapo.offsetLeft-(f/20) <= Limit){
          clearInterval(timer);
          Diapo.style.left = Limit+'px';
          }
        else{
          slide -= f/20;
          Diapo.style.left = slide+'px';
          }
      }, 50);
    }
  }
  Gallery.onmouseout = function() {clearInterval(timer)}
  Gallery.onclick = function() {clearInterval(timer)}
  }
  }
}