var moveit = "No";
var pagecontentheight = 0;

var contentheight = 10;
var overlayheight = 0;

function scrollareaTop(classname)
{
  document.write('<div id="overlayarea" class="'+classname+'"><div id="scroller" name="scroller" style="margin-top : 0px; height:10px;" onMouseOver="javascript:stopscrolling()" onMouseOut="javascript:resumescrolling()">');
}

function scrollareaBottom()
{
  document.write('</div></div>');
}

function movecontent()
{
  contentheight = contentheight * 1;
  overlayheight = overlayheight * 1;
  if (moveit == "No") return;
  var currtop = document.getElementById("scroller").style.marginTop;
  currtop = currtop.substring(0,currtop.length-2);
  currtop = currtop * 1;
  if (contentheight - currtop < overlayheight) return;
  if (contentheight+currtop > 0)
  {
    currtop = currtop - 1;
    currtop = currtop+"px";
    document.getElementById("scroller").style.marginTop = currtop;
    setTimeout("movecontent()", 35);
  } else
  {
    currtop = overlayheight;
    currtop = currtop+"px";
    document.getElementById("scroller").style.marginTop = currtop;
    setTimeout("movecontent()", 35);
  }
}

function startscrolling()
{
  moveit = "Yes";
  overlayheight = document.getElementById("overlayarea").clientHeight;
  contentheight = document.getElementById("scroller").clientHeight;
  contentheight = document.getElementById("textbottom").offsetTop;
  movecontent();
}

function resumescrolling()
{
  moveit = "Yes";
  movecontent();
}

function stopscrolling()
{
  moveit = "No";
}

function thisbrowser()
{
  browsername = "";
  if (navigator.appName == "Microsoft Internet Explorer") browsername = "IE";
}


