Hi,

This is my first thread

I have little DHTML problem with scrollin layer, i have this code in my html page:
_______________________
<style>
#content {
position: absolute;
top: 150px;
left: 12px;
width: 280px;
clip: rect(0px 300px 280px 0px);
padding: 3px;
}
#achtergrond {
position: absolute;
top: 150px;
left: 12px;
width: 300px;
height: 280px;
background-color: white;
}
</style>

<script language="JavaScript">
<!--
var dy;
var pos=150;
var klokje=null;

function getStyle( layer ) {
if( document.getElementById ) {
return document.getElementById( layer ).style
} else if( document.all ) {
return document.all[layer].style
} else {
return document[layer]
}
}
function clip( layer, top, right, bottom, left ) {
if( document.getElementById || document.all ) {
getStyle( layer ).clip='rect('+top+' '+right+' '+bottom+' '+left+')'
} else {
document[layer].clip.top = top
document[layer].clip.left = left
document[layer].clip.bottom = bottom
document[layer].clip.right = right
}
}
function scroll() {
if ( pos+dy <= 150 ) {
pos += dy;
getStyle('content').top = pos;
clip('content', 130-pos, 285, 430-pos, 0);
klokje = setTimeout( 'scroll()', 30 );
}
}
function stop() {
clearTimeout( klokje );
}
//-->
</script>
________________________________

<a href="" onClick="return false" onMouseOver="dy= 2;scroll()" onMouseOut="stop()"><img src="up.jpg" width="15" height="15" border="0"></a></td>
<a href="" onclick="return false" onmouseover="dy=-2;scroll()" onmouseout="stop()"><img src="down.jpg" width="15" height="15" border="0"></a>

Scrolling start when my cursor is over button but it dont stop when my text ends. It stop only when i take my cursor over button.

Can anyone help me with my problem?