sfHover = function() {
	var sfEls = document.getElementById("vert-menu").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"), "");
		}

	}
	var sfEls = document.getElementById("horz-menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" hzhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hzhover\\b"), "");
		}

	}

}
if (window.attachEvent) window.attachEvent("onload", sfHover);

// scrollbar

var scrollDiv=null;
var scrollSpeed=2;
var scrollerId;

function scrollSetup() {
  scrollDiv=document.getElementById('scrollbox');
  if (!scrollDiv) {
    alert("Scroll Box not found");
  }
}

function startScroll(dir) {
  switch (dir) {
    case 0:
      scrollerId = setInterval(scrollDown, 20);
      break;
    case 1:
      scrollerId = setInterval(scrollUp, 20);
      break;

  }
}
function scrollUp() {
  if (scrollDiv.scrollTop>0) {
    scrollDiv.scrollTop-=scrollSpeed;
  }
}

function scrollDown() {
  if ((scrollDiv.scrollTop)<(scrollDiv.scrollHeight-scrollDiv.offsetHeight)) {
    scrollDiv.scrollTop+=scrollSpeed;
  }
  
  
}

function stopScroller() {
  clearInterval (scrollerId);
}