var step=0;
var stepM=125;
var speed1=1000;
var speed2=20;
var speed3=2000;
var posX=[90,160];
var posY=[190,250,310,370];

function mvNext() {
  if ( step < stepM )  {
    /* position */
    ofs = stepM-step;
    document.getElementById('b12').style.top = (posX[0] - ofs)+"px";
    document.getElementById('b12').style.left = (posY[1] - ofs)+"px";
    document.getElementById('b13').style.top = (posX[0] - ofs)+"px";
    document.getElementById('b13').style.left = (posY[2] + ofs)+"px";
    document.getElementById('b14').style.top = (posX[0] - ofs)+"px";
    document.getElementById('b14').style.left = (posY[3] + (ofs*1.5))+"px";
    document.getElementById('b21').style.top = (posX[1] + ofs)+"px";
    document.getElementById('b21').style.left = (posY[0] - (ofs*1.5))+"px";
    document.getElementById('b22').style.top = (posX[1] + ofs)+"px";
    document.getElementById('b22').style.left = (posY[1] - ofs)+"px";
    document.getElementById('b23').style.top = (posX[1] + ofs)+"px";
    document.getElementById('b23').style.left = (posY[2] + ofs)+"px";
    /* sichtbarkeit */
    if ( step == 0 ) {
      document.getElementById('b12').style.visibility = "visible";
      document.getElementById('b13').style.visibility = "visible";
      document.getElementById('b14').style.visibility = "visible";
      document.getElementById('b21').style.visibility = "visible";
      document.getElementById('b22').style.visibility = "visible";
      document.getElementById('b23').style.visibility = "visible";
    }
    setTimeout("mvNext();",speed2);
  } else if ( step==stepM ) {
    step = 1000;
    setTimeout("mvNext();",speed2);
  } else if ( step<1100 ) {
    ofs = 100-(1100-step);
    flt ="alpha(opacity="+(100-ofs)+")";
    opa = 1-(ofs/100);
    document.getElementById('b12').style.filter = flt;
    document.getElementById('b12').style.opacity = opa;
    document.getElementById('b13').style.filter = flt;
    document.getElementById('b13').style.opacity = opa;
    document.getElementById('b14').style.filter = flt;
    document.getElementById('b14').style.opacity = opa;
    document.getElementById('b21').style.filter = flt;
    document.getElementById('b21').style.opacity = opa;
    document.getElementById('b22').style.filter = flt;
    document.getElementById('b22').style.opacity = opa;
    document.getElementById('b23').style.filter = flt;
    document.getElementById('b23').style.opacity = opa;
    setTimeout("mvNext();",speed2);
  } else if ( step < 1200 ) {
    x = document.getElementById("b99").style;
    if ( step == 1100 ) {
        x.top = "100px";
        x.left = "33px";
        x.visibility = "visible";
    }
    ofs = 1200-step;
    x.filter = "alpha(opacity="+(100-ofs)+")";
    x.opacity = 1-(ofs/100);
    setTimeout("mvNext();",speed2);    
  } else if ( step < 1209 ) {
    document.getElementById('skip').innerHTML = "weiter ... "+(1209-step);
    setTimeout("mvNext();",1000);
  } else {
    document.location = "start.html";
  }
  step = step+1;
}

setTimeout("mvNext();",speed1);