// 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("divContent").style.marginTop = "-"+(scrolling--)+"px";
	}
	else {
		return;
	}
	
	if(longScroll == true) {
		timeout = setTimeout("scrollTop(true)", 10);
	}
	
}

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

// fonction onload, à définir en fin de composition de script
window.onload = function() {

	document.getElementById("divUpControl").onmouseover = function() {scrollTop(true);};
	document.getElementById("divUpControl").onmouseout = function() {scrollTop(false);clearTimeout(timeout);};
	document.getElementById("divDownControl").onmouseover = function() {scrollBottom(true);};
	document.getElementById("divDownControl").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("divContent").style.marginTop = "0px";
	margin = document.getElementById("divContent").style.marginTop;
	
};