//Hier folgt das Script für das Ein- und Ausfahren der buttons:

 function buttonin1()
  {
   var buttonin = document.getElementById("balken_01");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_01.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin1()", 20);
    }
 }

 function buttonin2()
 {
   var buttonin = document.getElementById("balken_02");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_02.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin2()", 20);
    }
 }

 function buttonin3()
  {
   var buttonin = document.getElementById("balken_03");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_03.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin3()", 20);

    }
  }

 function buttonin4()
  {
   var buttonin = document.getElementById("balken_04");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_04.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin4()", 20);
    }
  }


 function buttonin5()
  {
   var buttonin = document.getElementById("balken_05");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_05.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin5()", 20);
    }
  }

 function buttonin6()
  {
   var buttonin = document.getElementById("balken_06");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_06.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin6()", 20);
    }
  }


 function buttonin7()
 {
   var buttonin = document.getElementById("balken_07");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_07.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin7()", 20);
    }
  }


 function buttonin8()
  {
   var buttonin = document.getElementById("balken_08");
   var buttoninPosition = parseInt(buttonin.style.left);
   if (buttoninPosition < 558)
    {
     balken_08.style.left = (buttoninPosition + 10) +"px";
     setTimeout("buttonin8()", 20);
    }
  }




  function verzoegert_out1()
   {
    setTimeout("buttonout1()", 500);
   }

   function verzoegert_out2()
   {
    setTimeout("buttonout2()", 500);
   }

   function verzoegert_out3()
   {
    setTimeout("buttonout3()", 500);
   }

   function verzoegert_out4()
   {
    setTimeout("buttonout4()", 500);
   }

   function verzoegert_out5()
   {
    setTimeout("buttonout5()", 500);
   }

   function verzoegert_out6()
   {
    setTimeout("buttonout6()", 500);
   }

   function verzoegert_out7()
   {
    setTimeout("buttonout7()", 500);
   }

   function verzoegert_out8()
   {
    setTimeout("buttonout8()", 500);
   }



 function buttonout1 ()
  {
   var button = document.getElementById("balken_01");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_01.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout1()", 20);
     }
  }


 function buttonout2 ()
  {
   var button = document.getElementById("balken_02");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_02.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout2()", 20);
    }
  }


 function buttonout3 ()
  {
   var button = document.getElementById("balken_03");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_03.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout3()", 20);
     }
  }

 function buttonout4 ()
  {
   var button = document.getElementById("balken_04");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_04.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout4()", 20);
     }
  }


 function buttonout5 ()
  {
   var button = document.getElementById("balken_05");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_05.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout5()", 20);
     }
  }


 function buttonout6 ()
  {
   var button = document.getElementById("balken_06");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_06.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout6()", 20);
     }
  }


 function buttonout7 ()
  {
   var button = document.getElementById("balken_07");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_07.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout7()", 20);
     }
  }


 function buttonout8 ()
  {
   var button = document.getElementById("balken_08");
   var buttonPosition = parseInt(button.style.left);
   if (buttonPosition > 458)
    {
     balken_08.style.left = (buttonPosition - 10) + "px";
     setTimeout("buttonout8()", 20);
     }
  }
