function scrollv(id, step)
{
 var element = document.getElementById(id);
 if (element)
 {
  var s = parseInt(element.scrollTop);
  var m = parseInt(element.scrollHeigth) - parseInt(element.clientHeight);
  s += step;
  if (s < 0) s = 0; else
  if (s > m) s = m;
  element.scrollTop = s;
 }
}

var scrolltimer = false;

function startscroll(id, step)
{
 if (scrolltimer) clearInterval(scrolltimer);
 var date = new Date();
 var time = date.getTime();
 scrolltimer = setInterval(function() {
  date = new Date();
  scrollv(id, Math.round(step * (date.getTime() - time) / 25));
  time = date.getTime();
 }, 25);
}

function stopscroll()
{
 if (scrolltimer)
 {
  clearInterval(scrolltimer);
  scrolltimer = false;
 }
}

function add_scrollbar(id, scrollbar_id)
{
 var element = document.getElementById(id);
 element.innerHTML = ' <div id="' + scrollbar_id + '" class="div_scroll" style="padding-right:10px; height:300px; overflow:auto">\n' + element.innerHTML + '</div>';
}

/*function add_scrollbar(id, scrollbar_id)
{
 var element = document.getElementById(id);
 element.innerHTML =
 ' <table cellpadding="0" cellspacing="0" border="0" align="center">\n' +
 '  <tr>\n' +
 '   <td rowspan="3"><div id="' + scrollbar_id + '" class="div_scroll">' + element.innerHTML + '</div></td>\n' +
 '   <td align="center" valign="top" style="background:url(files/img/scroll.png) center repeat-y"><a href="javascript:void(0)" onMouseDown="startscroll(\'' + scrollbar_id + '\', -5)" onMouseUp="stopscroll()" onMouseOut="stopscroll()"><img border="0" src="files/img/arrow_u.png"></a></td>\n' +
 '  </tr>\n' +
 '  <tr>\n' +
 '   <td align="center" valign="middle" style="background:url(files/img/scroll.png) center repeat-y">&nbsp;</td>\n' +
 '  </tr>\n' +
 '  <tr>\n' +
 '   <td align="center" valign="bottom" style="background:url(files/img/scroll.png) center repeat-y"><a href="javascript:void(0)" onMouseDown="startscroll(\'' + scrollbar_id + '\', 5)" onMouseUp="stopscroll()" onMouseOut="stopscroll()"><img border="0" src="files/img/arrow_d.png"></a></td>\n' +
 '  </tr>\n' +
 ' </table>';
}*/