/***** POPUP *****/

function showPopup(width, height, title, content) {

  //  Définir les propriétés au popup
  var popup = document.getElementById('Popup');
  popup.style.left = ((getWidth() - width) / 2)  + 'px';
  popup.style.top = (getScrollPosition()[1] + 20) + 'px';
  popup.style.width = width + 'px';
  popup.style.height = (height == null ? null : (height+30) + 'px'); 
  
  //  Définir le contenu du popup
  var popupContent = "<table class='Popup'><tr class='PopupTitle'><td align='left'>" + title + "</td><td align='right'><input type='image' src='composants/BtnClose.png' title='Fermer' onClick='hidePopup();' /></td></tr>"
      + "<tr height='100%'><td colspan='2' align='center'>" + content + "</td></tr></table><br />"; 
  popup.innerHTML = popupContent;

  //  Afficher le popup  
  var mask = document.getElementById('Mask');
  mask.style.visibility = 'visible';
  popup.style.visibility = 'visible';
  
}

function hidePopup() {
  
  //  Vider le popup
  var popup = document.getElementById('Popup');
  popup.innerHTML = "";
  
  //  Masquer le popup
  popup.style.visibility = 'hidden';
  var mask = document.getElementById('Mask');
  mask.style.visibility = 'hidden';

}

/*** Fonctions utiles ***/

function getWidth() {
  if (Prototype.Browser.IE) {
    return document.body.offsetWidth+20;
  } else {
    return window.innerWidth-16;
  }
}

function getHeight() {
  if (Prototype.Browser.IE) {
    return document.body.offsetHeight-20;
  } else {
    return window.innerHeight-16;
  }
}

function getScrollPosition()
{
	return Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);
}