var popupWidth=206; // largeur en px de la popup
var popupHeightFromTopPage=12; // espace en px par rapport au haut de la page
var popupWidthOpened=10; //espace en px désignant le décallage à gauche lorsque la popup est fermée (afin de rendre un bout de la popup visible)
var popupSpeed=15; // temps en ms entre chaque mouvement du bloc
var popupStep=5; // deplacement en px du bloc à chaque mouvement
var delayAutoClose=5000; // délai d'attente en ms avant que la popup ne se ferme automatiquement
var delayCloseWhenOut=500;  // délai d'attente lorsque la souris n'est plus sur la zone pour fermer la popup

var refOpenPopup=null, refClosePopup=null, timerOut=null;
var popup = null;

function init(openPopupAtLaunch) {
  popup = document.getElementById("popup");
  popup.style.width=+popupWidth+"px";
	popup.style.left=(-popupWidth+popupWidthOpened)+"px";
	popup.style.top=popupHeightFromTopPage+"px";
	popup.style.display="block";
	if(openPopupAtLaunch==true) {
		doOpenPopup();
		timerOut = setTimeout("closePopup()",delayAutoClose);
	}
}

function openPopup() {
	clearTimeout(timerOut);
	doOpenPopup();
}

function doOpenPopup() {
	clearInterval(refClosePopup);
	refOpenPopup=setInterval("growPopup()",popupSpeed);
}

function growPopup() {
	var pos=parseInt(popup.style.left);
	if(pos < -popupStep) popup.style.left=(pos+popupStep)+"px";
	else clearInterval(refOpenPopup);
}

function closePopup() {
	clearInterval(refOpenPopup);
  timerOut=setTimeout("doClosePopup()",delayCloseWhenOut);
}

function doClosePopup() {
	refClosePopup=setInterval("shrinkPopup()",popupSpeed);
}

function shrinkPopup() {
	var pos=parseInt(popup.style.left);
	if(pos > (-popupWidth+popupWidthOpened)) popup.style.left=(pos-popupStep)+"px";
	else clearInterval(refClosePopup);
}