window.onload = function() {
	var menu = document.getElementById("menu");
	var menuItems = menu.getElementsByTagName("A");
	for (var i = 0; i < menuItems.length; i++) {
		if (menuItems[i].className == "menu-selected") {
			menu.selectedItem = menuItems[i];
		}
		menuItems[i].onclick = function() {
			if (menu.selectedItem) {
				menu.selectedItem.className = "";
				menu.selectedItem = this;
				menu.selectedItem.className = "menu-selected";
			}
		}
	}
	
	var online = document.getElementById("online");
	var direction = 0;
	var scrollHeight = 0;
	var step = 0.1;
	var timer = null;
	if (document.documentElement) {
		document.documentElement.onscroll = function() {
			var deltaY = scrollHeight - document.documentElement.scrollTop;
			scrollHeight = document.documentElement.scrollTop;
			
			if (deltaY < 0) {
				direction = 1;
			} else if (deltaY > 0){
				direction = -1;
			} else {
				return;
			}
			move(Math.abs(deltaY));
		}
	}
	
	function move(distance) {
		if (distance > 0) {
			var deltaY = Math.round(distance * step);
			deltaY = distance < 10 ? 1 : deltaY;
			online.style.top = online.offsetTop + deltaY * direction;
			distance -= deltaY;
			//document.title = "direction:" + direction + " @ " + distance + " @ top:" + online.style.top;
			timer = setTimeout(function(){move(distance);}, 10);
		}
	}
}