function toTop(id){
document.getElementById(id).scrollTop=0
}

defaultStep=3
step=defaultStep
function scrollDivDown(id){
document.getElementById(id).scrollTop+=step
timerDown=setTimeout("scrollDivDown('"+id+"')",10)
}

function scrollDivUp(id){
document.getElementById(id).scrollTop-=step
timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}


function scrollDivLeft(id){
document.getElementById(id).scrollLeft -=step
timerLeft=setTimeout("scrollDivLeft('"+id+"')",10)
}

function scrollDivRight(id){
document.getElementById(id).scrollLeft +=step
timerRight=setTimeout("scrollDivRight('"+id+"')",10)
}


function toBottom(id){
document.getElementById(id).scrollTop=document.getElementById(id).scrollHeight
}

function toPoint(id){
document.getElementById(id).scrollTop=100
}



/*
<a href="#null" onclick="toTop('div1')">Top</a> 
<a href="#null" onmousedown="scrollDivDown('div1')" onmouseup="clearTimeout(timerDown)">ScrollDown</a> 
<a href="#null" onmousedown="scrollDivUp('div1')" onmouseup="clearTimeout(timerUp)">Scroll Up</a>
<a href="#null" onclick="toBottom('div1')">Bottom</a> 
<a href="#null" onclick="toPoint('div1')">Point</a> 
<BR><BR>
<div id="div1" style="width:200px; height:300px; overflow:auto">
<b>LAYER CONTENTS</b>
<P>Some Text<P>SOME TEXT<P>Some Text<P>SOME TEXT
<P>Some Text<P>SOME TEXT<P>Some Text<P>SOME TEXT
<P>Some Text<P>SOME TEXT<P>Some Text<P>SOME TEXT
<P>Some Text<P>SOME TEXT<P>Some Text<P>End
</div>  
*/