Скроллер с прокруткой

<style>
DIV.frame
{
padding  : 0px;
margin  : 0px;
width  : 172px;
border  : 1px solid #ECECEC;
}

#ID_ANIMATION
{
position : relative;
padding  : 0px;
margin  : 0px;
height  : 250px;
overflow : hidden;
background-color: #ECECEC;
}
#ID_ANIMATE{
position : relative;
padding  : 0px 4px 0px 4px;
margin  : 0px;
overflow : hidden;
color  : black;
text-align : justify;
font  : normal 11px "Tahoma", "Verdana", "Helvetica", "Arial", "Times New Roman", serif;
}</style>

<table>
<tr>
<td>
<DIV class="frame" OnМousеОver="startscroll(false)" &#111;&#110;MouseOut="startscroll(true)"><DIV ID="ID_ANIMATION"><DIV ID="ID_ANIMATE"><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b><b>James Fairweather</b></DIV></DIV></DIV>
</td>
</tr>
</table>
<script type="text/javascript">
<!--

var oText = document.getElementById("ID_ANIMATE");
var oContainer = document.getElementById("ID_ANIMATION");

var nHeight = oText.offsetHeight;
var nPos = oContainer.offsetHeight;

// --

function OnTimer()
{
oText.style.top = nPos.toString() + "px";

if(--nPos < -nHeight)
 nPos = oContainer.offsetHeight;
}

// --
OnTimer();
startscroll(true);
function startscroll(scrollvar){
if (scrollvar) {
idtimer=window.setInterval(OnTimer, 50);
}
else
{window.clearInterval(idtimer);}
}
// -->
</script>