var mx = 0;
var x = 0;
var raster = 0;
var lauf = 0;
var richtung = 0;
var bi;

function getX (el) {
  var x = parseInt( el.offsetLeft );
  if (!el.offsetParent) return x;
  else return x + getX(el.offsetParent);
}


function bildinit() {
  if (document.addEventListener) {
    document.addEventListener("mousemove", moveHandler, true);
  } else {
    document.body.onmousemove = moveHandler;
  }
  bi = document.getElementById("bwleiste");
  moveBild();
}

function moveHandler(ev) {
  if(!ev)
    ev = window.event;
  mx = ev.clientX;
}

function autoMove(pos) {
  var ra = 113;
  var p1 = ra+pos;
  var p2 = ra*2+pos;
  var p3 = ra*3+pos;
  var p4 = ra*4+pos;
  var p5 = ra*5+pos;
  var p6 = ra*6+pos;
  var p7 = ra*7+pos;
  var p8 = ra*8+pos;
  var park1 = Math.round(ra/2);
  var park2 = Math.round(ra/2)+p1;
  var park3 = Math.round(ra/2)+p2;
  var park4 = Math.round(ra/2)+p3;
  var park5 = Math.round(ra/2)+p4;
  var park6 = Math.round(ra/2)+p5;
  var park7 = Math.round(ra/2)+p6;
  var park8 = Math.round(ra/2)+p7;
  var park9 = Math.round(ra/2)+p8;
  if( Math.abs(Math.round(x - mx)) < 3 ) { raster++; } else { raster = 0; }
  if( raster > 1 ) {
    if( mx <= p1 ) { mxn = park1; }
    if( mx > p1 && mx <= p2 ) { mxn = park2; }
    if( mx > p2 && mx <= p3 ) { mxn = park3; }
    if( mx > p3 && mx <= p4 ) { mxn = park4; }
    if( mx > p4 && mx <= p5 ) { mxn = park5; }
    if( mx > p5 && mx <= p6 ) { mxn = park6; }
    if( mx > p6 && mx <= p7 ) { mxn = park7; }
    if( mx > p7 && mx <= p8 ) { mxn = park8; }
    if( mx > p8 ) { mxn = park9; }
    mx = mxn;
  }
  if( Math.abs(Math.round(x - mx)) < 3 ) { lauf++; } else { lauf = 0; }
  if( lauf > 70 ) {
    if( richtung == 0 )
    {
      if( mx == park1 ) { mxn = park2; }
      if( mx == park2 ) { mxn = park3; }
      if( mx == park3 ) { mxn = park4; }
      if( mx == park4 ) { mxn = park5; }
      if( mx == park5 ) { mxn = park6; }
      if( mx == park6 ) { mxn = park7; }
      if( mx == park7 ) { mxn = park8; }
      if( mx == park8 ) { mxn = park9; richtung = 1; }
      if( mx == park9 ) { mxn = park8; richtung = 1; }
    }
    else
    {
      if( mx == park1 ) { mxn = park2; richtung = 0; }
      if( mx == park2 ) { mxn = park1; richtung = 0; }
      if( mx == park3 ) { mxn = park2; }
      if( mx == park4 ) { mxn = park3; }
      if( mx == park5 ) { mxn = park4; }
      if( mx == park6 ) { mxn = park5; }
      if( mx == park7 ) { mxn = park6; }
      if( mx == park8 ) { mxn = park7; }
      if( mx == park9 ) { mxn = park8; }
    }
    mx = mxn;
    lauf = 0;
  }
}

function moveBild() {
  pos = getX(bi);
  autoMove(pos);
  x = (mx + 3 * x) / 4;  //Verzögerung
  bx = x - pos; // position Mouse innerhalb der Bildleiste
  right = bx+57;
  left = bx-56;
  bi.style.clip = "rect(0px, "+right+"px, 113px, "+left+"px)";
  bi.style.visibility = "visible";
  //alert(bx.style.clip);
  setTimeout("moveBild()", 100);
}