function initAni()
{
  document.getElementById("div_mitlinks").style.visibility = "hidden";
  document.getElementById("div_ohnelinks").style.visibility = "visible";
  document.getElementById("back").src = "img/statisch/motto_oE_kind1_ani.jpg";
  ly_logo1.showIt();
  
  ly_quadrat1.moveIt(37,-20);
  ly_quadrat2.moveIt(85,-20);
  ly_quadrat3.moveIt(133,-20);
  ly_quadrat4.moveIt(181,-20);
  
  ly_quadrat1.showIt();
  ly_quadrat2.showIt();
  ly_quadrat3.showIt();
  ly_quadrat4.showIt();
  
  ly_quadrat1text.moveIt(50,200);
  ly_quadrat2text.moveIt(50,200);
  ly_quadrat3text.moveIt(50,200);
  ly_quadrat4text.moveIt(50,200);
  
  document.getElementById("div_quadrat1text").style.color = "#000000";
  document.getElementById("div_quadrat2text").style.color = "#000000";
  document.getElementById("div_quadrat3text").style.color = "#000000";
  document.getElementById("div_quadrat4text").style.color = "#000000";
  
  ly_logo2.hideIt();
  ly_logo2.moveIt(94,1);
  setTimeout(aniQaudrate1,1000);
}

function aniReset()
{
  document.getElementById("back").src = "img/back_ani.gif";
  
  ly_quadrat1.moveIt(37,-20);
  ly_quadrat2.moveIt(85,-20);
  ly_quadrat3.moveIt(133,-20);
  ly_quadrat4.moveIt(181,-20);
  
  ly_quadrat1.showIt();
  ly_quadrat2.showIt();
  ly_quadrat3.showIt();
  ly_quadrat4.showIt();
  
  ly_quadrat1text.moveIt(50,200);
  ly_quadrat2text.moveIt(50,200);
  ly_quadrat3text.moveIt(50,200);
  ly_quadrat4text.moveIt(50,200);
  
  ly_logo2.hideIt();
  ly_logo2.moveIt(94,1);
}

// 1 
function aniQaudrate1()
{
  ly_quadrat1.slideIt(37,226,5,5);
  setTimeout(aniQaudrate1text,500);
}

function aniQaudrate1text()
{
  ly_quadrat1text.showIt();
  setTimeout(aniQaudrate2,1000);
}

// 2 
function aniQaudrate2()
{
  ly_quadrat1text.slideIt(30,175,5,5);
  ly_quadrat2.slideIt(85,226,5,5);
  setTimeout(aniQaudrate2text,500);
}

function aniQaudrate2text()
{
  ly_quadrat2text.showIt();
  setTimeout(aniQaudrate3,1000);
}

// 3 
function aniQaudrate3()
{
  ly_quadrat1text.slideIt(30,150,5,5);
  ly_quadrat2text.slideIt(30,175,5,5);
  ly_quadrat3.slideIt(133,226,5,5);
  setTimeout(aniQaudrate3text,500);
}

function aniQaudrate3text()
{
  ly_quadrat3text.showIt();
  window.setTimeout(aniQaudrate4,1000);
}

// 4 
function aniQaudrate4()
{
  ly_quadrat1text.slideIt(30,125,5,5);
  ly_quadrat2text.slideIt(30,150,5,5);
  ly_quadrat3text.slideIt(30,175,5,5);
  ly_quadrat4.slideIt(181,226,5,5);
  setTimeout(aniQaudrate4text,500);
}

function aniQaudrate4text()
{
  ly_quadrat4text.showIt();
  setTimeout(aniQaudrate4textMove,1000);
}

function aniQaudrate4textMove()
{
  ly_quadrat1text.slideIt(30,100,5,5);
  ly_quadrat2text.slideIt(30,125,5,5);
  ly_quadrat3text.slideIt(30,150,5,5);
  ly_quadrat4text.slideIt(30,175,5,5);
  setTimeout(aniLogo,1200);
}

function aniLogo()
{
  document.getElementById("div_quadrat1text").style.color = "#941829";
  document.getElementById("div_quadrat2text").style.color = "#941829";
  document.getElementById("div_quadrat3text").style.color = "#941829";
  document.getElementById("div_quadrat4text").style.color = "#941829";
  setTimeout(aniHide1,1000);
}

function aniHide1()
{
  ly_quadrat1.hideIt();
  ly_quadrat2.hideIt();
  ly_quadrat3.hideIt();
  ly_quadrat4.hideIt();
  setTimeout(aniHide2,1000);
}

function aniHide2()
{
  ly_quadrat1text.hideIt();
  ly_quadrat2text.hideIt();
  ly_quadrat3text.hideIt();
  ly_quadrat4text.hideIt();
  setTimeout(aniLogoMove,500);
}

function aniLogoMove()
{ 
  ly_logo1.hideIt();
  ly_logo2.showIt();
  ly_logo2.slideIt(94,175,5,5);
  setTimeout(aniBlend1,2000);
}

function aniNavi()
{ 
  document.getElementById("logo2").src = "img/statisch/motto_oE_kind1_ani1.jpg";
  document.getElementById("logo2").src = "img/statisch/motto_oE_kind1_ani2.jpg";
  document.getElementById("logo2").src = "img/statisch/motto_oE_kind1_ani3.jpg";
  document.getElementById("div_ohnelinks").style.visibility = "hidden";
  document.getElementById("div_mitlinks").style.visibility = "visible";
  ly_logo2.hideIt();
  document.getElementById("back").src = "img/statisch/motto_oE_kind1.jpg";
}

function aniBlend1()
{ 
  document.getElementById("back").src = "img/statisch/motto_oE_kind1_ani1.jpg";
  document.getElementById("logo2").src = "img/logo2a.gif";
  setTimeout(aniBlend2,100);
}

function aniBlend2()
{ 
  document.getElementById("back").src = "img/statisch/motto_oE_kind1_ani2.jpg";
  document.getElementById("logo2").src = "img/logo2b.gif";
  setTimeout(aniBlend3,100);
}

function aniBlend3()
{ 
  document.getElementById("back").src = "img/statisch/motto_oE_kind1_ani3.jpg";
  document.getElementById("logo2").src = "img/logo2c.gif";
  setTimeout(aniEnde,100);
}

function aniEnde()
{ 
  document.getElementById("back").src = "img/statisch/motto_oE_kind1.jpg";
  document.getElementById("logo2").style.visibility = "hidden";
  document.getElementById("div_ohnelinks").style.visibility = "hidden";
  document.getElementById("div_mitlinks").style.visibility = "visible";
  //setTimeout(aniBlend,500); Animation EndlosSchleife 
}

