// déclaration des variables globales
var margin, timeout;

var scrolling = 0;

// function scrollTop, pour scroller vers le haut
function scrollTop(longScroll) {
	if(scrolling > 0) {
		document.getElementById("inpopupbox").style.marginTop = "-"+(scrolling--)+"px";
	}
	else {
		return;
	}
	
	if(longScroll == true) {
		timeout = setTimeout("scrollTop(true)", 20);
	}
	
}

// function scrollBottom, pour scroller vers le haut
function scrollBottom(longScroll) {
	if(scrolling < document.getElementById("inpopupbox").offsetHeight) {
		document.getElementById("inpopupbox").style.marginTop = "-"+(scrolling++)+"px";
	}
	else {
		return;
	}
	
	if(longScroll == true) {
		timeout = setTimeout("scrollBottom(true)", 20);
	}
	
}

function scroller() {

	document.getElementById("upup").onmouseover = function() {scrollTop(true);};
	document.getElementById("upup").onmouseout = function() {scrollTop(false);clearTimeout(timeout);};
	document.getElementById("dndn").onmouseover = function() {scrollBottom(true);};
	document.getElementById("dndn").onmouseout = function() {scrollBottom(false); clearTimeout(timeout);};
	
	// affectation et récupération de la valeur de marge du contenu, ça va nous servir à faire le scrolling
	document.getElementById("inpopupbox").style.marginTop = "0px";
	margin = document.getElementById("inpopupbox").style.marginTop;
	
};

// fonction onload, à définir en fin de composition de script