<div id="div1" style="cursor:hand;position:absolute;width:500;height:190;overflow:hidden;" οnmοuseοver="clearTimeout(scrl);" οnmοusemοve="getpos()" οnmοuseοut="change(1);"><img src="out500b.jpg" οnlοad="change(1);" border=0></div>
<script language="javascript">
<!--
var scrl,direction="right";
var x,xdiff,xold=0;
function change(start){
if(direction == "right"){
if(div1.scrollTop+190 < div1.scrollHeight){
div1.scrollTop += 190;
}
else{
div1.scrollTop = 0;
}
}
else{
if(div1.scrollTop-190 > 0){
div1.scrollTop -= 190;
}
else{
div1.scrollTop = div1.scrollHeight;
}
}
if(start)
scrl = setTimeout("change(1)",100);
else
clearTimeout(scrl);
}
function getpos(){
x = event.clientX;
xdiff = x - xold;
xold = x;
if(xdiff>0) direction = "right";
if(xdiff<0) direction = "left";
change(0);
}
//-->
</script>