<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="http://freemanager.ucoz.com/_ph/3/2/956983901.png" border="0"></a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="http://freemanager.ucoz.com/_ph/3/2/867493176.png" border="0"></a>
</div>

<script>

//Page Scroller (aka custom scrollbar)- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>

<script type="text/javascript" src="http://javascript-test.narod.ru/draganddrop.js"></script>

<!--перемещаемые текст или изображение-->
<style>
#button-motio {background-image:url('http://img180.imageshack.us/img180/5097/rotateccw.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
   <script type="text/javascript">
   function addSpoiler_motio(str,from,internal){
   var pos=0,pos2=0,newpos=0
   if((pos=str.indexOf("[motio]",from))==-1) return str;
   if((pos2=str.indexOf("[/motio]"),pos+8)==-1) return str;
   newpos=str.indexOf("[motio]",pos+8)
   if(newpos<pos2 && newpos!=-1) str=addSpoiler_motio(str,pos+8,true)
   if((pos2=str.indexOf("[/motio]",pos+8))==-1) return str;
   str=str.substring(0,pos)+makeSpoiler_motio(str.substring(pos+7,pos2))+str.substring(pos2+8,str.length)
   if( str.indexOf("[motio]")!=-1 && internal==false) str=addSpoiler_motio(str,0,false)
return str}
   function makeSpoiler_motio(txt){
   txt='<span class="dad" style="font-weight:bold;">'+txt+'</span>'
   return txt}
   if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
       elm=document.getElementById("pun-main").getElementsByTagName("div")
       for(x in elm) if(elm[x].className=="post-content"){
       var post=elm[x]
       post.innerHTML=addSpoiler_motio(post.innerHTML,0,false)}}
   if(form=document.getElementById("form-buttons"))
   form.getElementsByTagName("tr")[0].insertCell(10).innerHTML="<img src='/i/blank.gif' title='Передвигаемый текст' id='button-motio'  onclick=\"bbcode('[motio]', '[/motio]');\"/>"
</script>

<style> 
.post-body .post-box .post-content   {
overflow:scroll;
width:100%;
height:400px;
}
</style>