sfHover = function() {
		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			};
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}	
		}
	};
	if (window.attachEvent) window.attachEvent("onload", sfHover);
	

	
	var start = 0;
	var scrollDir = 0;
	var speed = 3;
	function scrollDiv () {
		var mask = document.getElementById("mask");
		var content = document.getElementById("content");
		switch (scrollDir) {
			case 1: {
				if ((content.style.top.substring(0, content.style.top.length - 2) * 1) + speed < 0) 
					content.style.top = ((content.style.top.substring(0, content.style.top.length - 2) * 1) + speed) + "px";
				else content.style.top = "0px";
			} break;
			case 2: {
				if ((content.style.top.substring(0, content.style.top.length - 2) * 1) - speed > (-content.offsetHeight + mask.offsetHeight)) 
					content.style.top = ((content.style.top.substring(0, content.style.top.length - 2) * 1) - speed) + "px";
				else content.style.top = (-content.offsetHeight + mask.offsetHeight) + "px";
			} break;
		}
		setTimeout("scrollDiv()", 20);
	}