function createPopup()  {
    var div = document.createElement('div');
    div.setAttribute('id','background_popup');
    div.style.display = 'none';
    document.body.appendChild(div);
}

function showPopup() {
    
    var div = document.getElementById('background_popup');
    if(!div) {
        createPopup();
        div = document.getElementById('background_popup');
    }
    div.style.top = 0 + "px"; 
    div.style.left = 0 + "px"; 
    var area = getBodySize();
    div.style.width = area.largeur + 'px';
    div.style.height = area.hauteur + 'px';
    div.style.display = "block";
}

function hidePopup() {
    var div = document.getElementById('background_popup');
    div.style.display = 'none';
    
}


function getBodySize() {
  var area = new Object();
   
  area.hauteur = document.body.scrollHeight;
  area.largeur = document.body.scrollWidth;
//  alert(area.hauteur +'  ' + area.largeur);
  return area ;
}     



function getBodySize2() {
  var area = new Object();
  if (document.all)  {
         if(document.documentElement) {
            /*
            si le doctype est fourni IE place les propriete dans document.documentElement rien que pour embeter le peuple
            */ 
            var hauteur = document.documentElement.clientHeight;
            var largeur = document.documentElement.clientWidth;
         } else {
             /*
             si ie 5 ou ie 6 sans doc type 
             */
             var hauteur = document.body.clientHeight;
             var largeur = document.body.clientWidth;
         }
      } else {
          /*
          si c'est un un firefox like 
          */
         
          var hauteur = window.innerHeight;
          var largeur = window.innerWidth;
      }
      
      area.hauteur = hauteur;
      area.largeur = largeur;
      return area ;
}     

function getScreenArea() {
  var area = new Object();
  if (document.all)  {
         if(document.documentElement) {
            /*
            si le doctype est fourni IE place les propriete dans document.documentElement rien que pour embeter le peuple
            */ 
            var top = document.documentElement.scrollTop;
            var left = document.documentElement.scrollLeft;
            var hauteur = document.documentElement.clientHeight;
            var largeur = document.documentElement.clientWidth;
            
            
         } else {
             /*
             si ie 5 ou ie 6 sans doc type 
             */
             var top = document.body.scrollTop;
             var left = document.body.scrollLeft;
             var hauteur = document.body.clientHeight;
             var largeur = document.bodyt.clientWidth;
         }
      } else {
          /*
          si c'est un un firefox like 
          */
          var top = window.pageYOffset;
          var left = window.pageXOffset;
          var hauteur = window.innerHeight;
          var largeur = window.innerWidth;
      }
      area.top = top;
      area.left = left;
      area.hauteur = hauteur;
      area.largeur = largeur;
      
      return area ;
}     

function centerDiv(div_id) {
    
    var div = document.getElementById(div_id);
    /*
    la div doit etre visible pour pouvoir avoir ces dimensions
    */
    div.style.display = 'block';

    var area = getScreenArea();
    var posy = (area.hauteur - parseInt(div.clientHeight)) / 2 + area.top; 
    var posx = (area.largeur - parseInt(div.clientWidth)) / 2 + area.left; 
    div.style.position = 'absolute';
    div.style.top = posy + "px"; 
    div.style.left = posx + "px"; 
    return div;
}