var sidebar = null;
var sbheight = 0;
var sbtop = 50;
var animTimer = null;
var destY = 50;
var mout = true;
var cnt = 0;

function sbmouseover(sb)
{
  sidebar = sb;
  mout = false;
  sbheight = sb.offsetHeight;
  clearInterval(animTimer);
  animTimer = setInterval('sbupdatepos();', 20);
  sbmousemove(sb);
  sbupdatepos();
}

function sbupdatepos()
{
  if (Math.round(sbtop) != destY)
  {
    var dif = 0;
    if (sbtop-destY > 0)
    {
      dif = (sbtop-destY)/10;
      if (dif < 1) {dif = 1;}
    } else
    {
      dif = (sbtop-destY)/10;
      if (dif > -1) {dif = -1;}
    }

    sbtop = sbtop-dif;
    sidebar.style.top = Math.round(sbtop)+"px";
  } else
  {
    if (mout) {clearInterval(animTimer);}
  }
}

function sbmousemove(sb)
{
  if (mout) {return;}

  if (window.pageYOffset == null) {var scrollY = document.body.scrollTop;} else {var scrollY = window.pageYOffset;}
  if (mouseY-scrollY < 50) {var nMouseY = 50;} else {nMouseY = mouseY-scrollY;}
  if (window.innerHeight == null) {var pHeight = document.documentElement.clientHeight;} else {var pHeight = window.innerHeight;}
  var mov = pHeight-sbheight-90;
  if (mov < 0)
  {
    var mdif = (nMouseY-50)/(pHeight-90);
    destY = Math.round(mdif*mov)+50;
  } else
  {
    destY = 50;
  }
}

function sbmouseout(sb)
{
  mout = true;
  destY = 50;
}