/* Tags à inclure
<div id="scrollMenu" style="z-index: 1000; position: absolute;"></div>
<script src="menuScroll.js"></script>
*/


// variables
var h = -20 // 140; // espace en haut
var w = 0 // 10;	// espace à gauche

var offset = 0;
var lastOffset = 0;
var percent = 0;
var browser = "";
var menu = null;

document.layers ? browser="NS" : browser="IE";
if (browser == "IE" && navigator.appName == "Netscape") browser = "MZ";

if (browser == "MZ") h = 0;

function initScroll() {

	if (browser=="NS") {
		menu = document.scrollMenu;
		offset = window.pageYOffset;
	}
	else if (browser=="MZ") {
		menu = document.getElementById('scrollMenu').style;
		offset = window.pageYOffset;
	}
	else {
		menu = document.getElementById('scrollMenu').style;
		offset = document.body.scrollTop;
	}

	// variables
	menu.top = h + offset;
	menu.left = w;
}

function scroll() {

	if (browser=="NS") {
		menu = document.scrollMenu;
		offset = window.pageYOffset;
	}
	else if (browser=="MZ") {
		menu = document.getElementById('scrollMenu').style;
		offset = window.pageYOffset;
	}
	else {
		menu = scrollMenu.style;
		offset = document.documentElement.scrollTop;
	}

	// reposition
	if ((offset-lastOffset) > 1 || (offset-lastOffset) < 1) {
		percent = (offset - lastOffset)/10;
		if (percent > 0) {percent = Math.ceil(percent);} else {percent = Math.floor(percent);}

		menu.top = h + lastOffset;
		menu.left = w;
	}
	else {
		menu.top = h + offset;
		menu.left = w;
	}

	lastOffset = lastOffset + percent;
}

initScroll();

interval = (browser != "MZ") ? 16 : 32;
setInterval("scroll()",interval);