//****************************************MOVE BY ARROWS
var iTop=0;
var iBottom=0;

//****************************************MOVE BY BALKEN
var dragobjekt = null;
var dragy = 0;
var posy = 0;

function noSelect()
{
return false;
}


function draginit()
{
document.onmousemove = drag;
document.onmouseup = dragstop;
var x=document.getElementById("ttt");
iBottom=x.offsetHeight;
if(iBottom>dh){document.getElementById("scnav").style.visibility="visible";
document.getElementById("dc").style.visibility="visible";
document.getElementById("dcb").style.visibility="visible";
document.getElementById("mb").style.visibility="visible";}

document.getElementById("dcb").onselectstart = noSelect;
document.getElementById("dcb").ondragstart = noSelect;
}


function dragstart(element)
{
dragobjekt = element;
dragy = posy - dragobjekt.offsetTop;
if(window.event)
{
ev = window.event;
if(ev.preventDefault) ev.preventDefault();
ev.returnValue = false;
return false;
}
}


function dragstop(){dragobjekt=null;}

function drag(ereignis)
{
posy = document.all ? window.event.clientY : ereignis.pageY;
if(dragobjekt != null)
   {
      var look=posy-dragy;
      if(look<0)look=0;
      if(look>dh)look=dh;

var x=document.getElementById("ttt");
iBottom=x.offsetHeight;
var temp=parseInt(x.style.top);
var temp=parseInt((iBottom-dh)/dh*look*-1);
x.style.top=temp+'px';
iTop=temp;

      dragobjekt.style.top = (look-5) + "px";
    }
}