var MZBoxText = new Array (' ', 'M', 'E', 'R', 'K', 'Z', 'E', 'T', 'T', 'E', 'L', ' ');
var i;
var MZBoxAusgabeText = '<b>';
for(i=0;i<MZBoxText.length;i++){
  MZBoxAusgabeText += '<span id="Buchstabe'+i+'">&nbsp;'+MZBoxText[i]+'&nbsp</span><br>';
}
MZBoxAusgabeText += '</b>';
document.write(MZBoxAusgabeText);

var BST;
function Lauflight(BST) {
  for(i=0;i<MZBoxText.length;i++){
    document.getElementById('Buchstabe'+i).style.color = '#ffffff';
  }
  document.getElementById('Buchstabe'+BST).style.color = 'darkblue';
  if(BST<(MZBoxText.length -1)){
    BST++;
    setTimeout('Lauflight("'+BST+'")', 65);
  }
  else{
    setTimeout('Lauflight("0")', 5000);
  }
return
}

setTimeout('Lauflight("0")', 250);

function Scroller() {
  var topPos = document.body.scrollTop;
  document.getElementById('Merkzettel').style.top = (topPos+200);
  window.setTimeout("Scroller()",5);
}
setTimeout("Scroller()",1);

var SetLeft;
function OpenMZ(SetLeft) {
  var NextStep = Math.round(SetLeft) + 50;

  document.getElementById('MZClickBox').innerHTML = '<div>'+MZBoxAusgabeText+'</div>';
  if(NextStep < 200){
    document.getElementById('Merkzettel').style.left = NextStep+'px';
    setTimeout("OpenMZ("+NextStep+")",1);
  }
  else{
    document.getElementById('Merkzettel').style.left = '200px';
  }
return
}

function CloseMZ(SetLeft) {
  var NextStep = Math.round(SetLeft) - 50;
  document.getElementById('Merkzettel').style.left = NextStep+'px';
  document.getElementById('MZClickBox').innerHTML = '<div>'+MZBoxAusgabeText+'</div>';
  if(NextStep > -430){
    document.getElementById('Merkzettel').style.left = NextStep+'px';
    setTimeout("CloseMZ("+NextStep+")",1);
  }
  else{
     document.getElementById('Merkzettel').style.left = '-430px';
     document.getElementById('MZClickBox').innerHTML = '<div onClick="OpenMZ(\'-430\')" style="cursor:pointer">'+MZBoxAusgabeText+'</div>';
  }
return
}
