function toggle() {

   var o=document.getElementById('inhalt');
   var l=document.getElementById('logo');

   if(o.style.display=='none') {
      o.style.display='block';
      l.style.display='block';
      document.getElementById('schalter').innerHTML="<a href='javascript:toggle();'>Bild anzeigen</a>";
   } else {
      o.style.display='none';
      l.style.display='none';
      document.getElementById('schalter').innerHTML="<a href='javascript:toggle();'>Site anzeigen</a>";
   }
}

var offset=0;
var maxoff;
var maxheight=390;
var barheight;
var calc;
var mouseYPos;
var dragBase=-1000;
var sliderOffset=0;
var dragOffset;

document.onmousemove=trackMouseYPos;
document.onmouseup=stopDragging;

function scrollbar() {
   if(document.getElementById('inText').offsetHeight>maxheight) {
      document.getElementById('inText').style.width='280px';
      scale=document.getElementById('inText').offsetHeight/340;
      document.getElementById('scroller').style.display='block';
      maxoff=maxheight-document.getElementById('inText').offsetHeight;
      calc=340*(maxheight/document.getElementById('inText').offsetHeight);
      calc=Math.round(calc);
      barheight=calc;
      calc=calc.toString()+'px';
      document.getElementById('scroller_slider').style.height=calc;
      document.getElementById('inText').style.marginTop=offset;
   } if(document.getElementById('inText').offsetHeight<20) {
      document.getElementById('text').style.display='none';
   }
}

function scrollIt(i) {
   offset=offset+i;
   if(offset<maxoff) offset=maxoff;
   if(offset>0) offset=0;
   calc=offset.toString()+'px';
   document.getElementById('inText').style.marginTop=calc;
   calc=offset*-1/maxheight*barheight;
   calc=Math.round(calc);
   sliderOffset=calc;
   calc=calc.toString()+'px';
   document.getElementById('scroller_slider').style.top=calc;
}

function startDragging() {
   dragBase=mouseYPos;
}

function stopDragging() {
   dragBase=-1000;
}

function trackMouseYPos(ereignis) {
   if(!ereignis) ereignis=window.event;
   mouseYPos=ereignis.screenY;
   dragOffset=mouseYPos-dragBase;
   if(dragBase!=-1000 && dragOffset) {
      sliderOffset=sliderOffset+mouseYPos-dragBase;
      if(sliderOffset>340-barheight) sliderOffset=340-barheight;
      if(sliderOffset<0) sliderOffset=0;
      calc=sliderOffset.toString()+'px';
      document.getElementById('scroller_slider').style.top=calc;
      dragBase=mouseYPos;
      calc=sliderOffset/(-1/maxheight*barheight);
      calc=Math.round(calc);
      offset=calc;
      calc=calc.toString()+'px';
      document.getElementById('inText').style.marginTop=calc;
   }
}