var speed = 2;
var crossobj = document.getElementById ? document.getElementById("scrollableContent") : document.all.scrollableContent;
var contentheight = crossobj.offsetHeight;
var menuContentContainer = document.getElementById ? document.getElementById("scrollableContainer") : document.all.scrollableContainer;
var menuContentContainerHeight = menuContentContainer.offsetHeight;

function movedown() {
  if (window.moveupvar) clearTimeout(moveupvar);
  if (parseInt(crossobj.style.top) >= (contentheight*(-1)+menuContentContainerHeight)) crossobj.style.top = parseInt(crossobj.style.top) - speed + "px";
  movedownvar = setTimeout("movedown()",20)
}

function moveup() {
  if (window.movedownvar) clearTimeout(movedownvar);
  if ((parseInt(crossobj.style.top)) <= 0) crossobj.style.top = parseInt(crossobj.style.top) + speed + "px";
  moveupvar = setTimeout("moveup()",20);
}

function stopscroll() {
  if (window.moveupvar) clearTimeout(moveupvar);
  if (window.movedownvar) clearTimeout(movedownvar);
}

function movetop() {
  stopscroll();
  crossobj.style.top = 0 + "px";
}

function getcontent_height() {
  contentheight = crossobj.offsetHeight;
}

window.onload = getcontent_height;