var mouseH;
  var mouseL;
  var currentDiv = '';
  var currentSubDiv = '';
  
  function hideEvent(layer)
  {
    if(document.getElementById(currentSubDiv).style.marginLeft < 0){
      document.getElementById(currentSubDiv).style.marginLeft = "0px";
    }
    document.getElementById(layer).style.display="none";
  }
  
  function getMousePosition(e) {
    if (navigator.appName!="Microsoft Internet Explorer") {
      mouseL = e.pageX;
      mouseH = e.pageY;
    }
    else { //
      mouseL = event.x;
      mouseH = event.y;
    }
    //alert('MouseH: '+mouseH+' MouseL:'+mouseL);
  }
  
  getOffsetPosition = function(inID, inTYPE)
  {
     var iVal = 0;
     var oObj = document.getElementById(inID);
     var sType = 'oObj.offset' + inTYPE;
     while (oObj && oObj.tagName != 'BODY') {
      iVal += eval(sType);
      oObj = oObj.offsetParent;
     }
     return iVal;
  }


  function setLayerPosition(layer){
    var hauteur;
    var largeur;
    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
      hauteur = Math.ceil(window.innerHeight / 2);
      largeur = Math.ceil(window.innerWidth / 2);
    }
    else {
      hauteur = Math.ceil(document.body.clientHeight / 2);
      largeur = Math.ceil(document.body.clientWidth / 2);
    }
    
    divHeight = document.getElementById(layer).clientHeight;
    divWidth = document.getElementById(layer).clientWidth;
    
    document.getElementById(layer).style.top = (hauteur+80)+"px";
    document.getElementById(layer).style.left = largeur - (divWidth / 2)+"px";
    
  }
  
  function setSubLayerPosition(layer){
    var hauteur;
    var largeur;
    divHeight = document.getElementById(layer).clientHeight;
    divWidth = document.getElementById(layer).clientWidth;
    divL = getOffsetPosition(layer, 'Left');
    divH = getOffsetPosition(layer, 'Top');
    
    if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
      hauteur = window.innerHeight;
      largeur = window.innerWidth;
    }
    else {
      hauteur = document.body.clientHeight;
      largeur = document.body.clientWidth;
    }
    
    if(mouseL >= (largeur / 2)){
      if(document.getElementById(layer).style.marginLeft == 0){
        document.getElementById(layer).style.marginLeft = "-"+(divWidth - 85)+"px";
      }
    }
    else{
      document.getElementById(layer).style.marginLeft = "0px";
    }
  }
  
  function showEvent(layer){
    if(document.getElementById(layer).style.display="none")
    {
        if(currentDiv != '')
        hideEvent(currentDiv);
        document.getElementById(layer).style.display="block";
        currentDiv = layer;     
    }
    else{
        hideEvent(layer);
    }
        setLayerPosition(layer);
  }
  
  function showSubEvent(layer){
    if(document.getElementById(layer).style.display="none") 
    { 
      document.getElementById(layer).style.display="block";
    }
    else{
      hideEvent(layer);
    }
    setSubLayerPosition(layer);
    currentSubDiv = layer;
  }
  
  function closeSub(layer)
  {
    hideEvent(layer);
    showSubEvent(layer);
  }
  
  document.onmousemove = getMousePosition;