var statusText=new Array();
statusText[1]="WEISSE ZÄHNE IN 2 STUNDEN";
statusText[2]="UNSER VERFAHREN";
statusText[3]="UNSER AMBIENTE";
statusText[4]="WIR ÜBER UNS / DAS TEAM";
statusText[5]="PRESSESTIMMEN / INTERVIEWS";
statusText[6]="KUNDEN STATEMENTS";
statusText[7]="ÜBER DIE INHABERIN";
statusText[8]="STUDIEN UND MEINUNGEN ÜBER DAS BLEACHEN";
statusText[9]="WAS GIBT ES ÜBERS BLEACHING HINAUS";
statusText[10]="LIZENZVERGABE";
statusText[11]="EMPFEHLUNGEN";
statusText[12]="UNSERE ERGEBNISSE";
statusText[13]="GEWINNSPIEL";
statusText[14]="WISSENSWERTES";
statusText[15]="SCHULUNGEN";
statusText[16]="KONTAKT";

var textDiv=new Array();
var textCol=new Array();
var textTxt=new Array();
var textCls=new Array();
var textInt=new Array();
var lineDiv;
var linePic;

textCls[0]="0";
textCls[1]="1";
textCls[2]="2";
textCls[3]="3";
textCls[4]="4";
textCls[5]="5";
textCls[6]="6";
textCls[7]="7";
textCls[8]="8";
textCls[9]="9";
textCls[10]="a";
textCls[11]="b";
textCls[12]="c";
textCls[13]="d";
textCls[14]="e";
textCls[15]="f";

for(i=1;i<statusText.length;i++) {
   textCol[i]=15;
   textDiv[i]=document.createElement("div");
   textTxt[i]=document.createTextNode(statusText[i]);
   textDiv[i].appendChild(textTxt[i]);
   textDiv[i].style.display="none";
// textDiv[i].style.border="1px dotted red";
   textDiv[i].style.color="#FFFFFF";
   textDiv[i].style.position="absolute";
   textDiv[i].style.fontWeight="bold";
   textDiv[i].style.fontFamily="Tahoma";
   textDiv[i].style.fontSize="10pt";
   textDiv[i].style.lineHeight="22px";
   textDiv[i].style.width="250";
   document.getElementById("textCont").appendChild(textDiv[i]);   // DAS KÖNNTE IN MANCHEN BROWSERN NICHT FUNKTIONIEREN -> WORKAROUND
}

lineDiv=document.getElementById("lineCont");   // DAS KÖNNTE IN MANCHEN BROWSERN NICHT FUNKTIONIEREN -> WORKAROUND
linePic=document.getElementById("lineLine");   // DAS KÖNNTE IN MANCHEN BROWSERN NICHT FUNKTIONIEREN -> WORKAROUND


function over(i) {
   var a,b,c,d,e,f;
   a=(i-1)%4;
   if(a<2) {
      textDiv[i].style.textAlign="right";
      b=screen.availWidth/2-450;
      e=screen.availWidth/2-270;
      d=45+(a+1)*90;
   } else {
      textDiv[i].style.textAlign="left";
      b=screen.availWidth/2+180;
      e=screen.availWidth/2+45+(a-2)*90;
      d=45+(4-a)*90;
   }

   c=Math.floor((i-1)/4)*90+200;

   textDiv[i].style.left=b;
   textDiv[i].style.top=c;
   textInt[i]=window.setInterval("fadeIn("+i+")", 100);
   textDiv[i].style.display="inline";
   linePic.style.width=d;
   lineDiv.style.left=e;
   lineDiv.style.top=c+23;
   lineDiv.style.display="inline";
}

function fadeIn(i) {
   if(textCol[i]<5) {
      window.clearInterval(textInt[i]);
   } else {
      if(textCol[i]>15) textCol[i]=15;
      status=textCol[i];
      textDiv[i].style.color="#"+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]];
      textCol[i]--;
   }
}

function out(i) {
   window.clearInterval(textInt[i]);
   lineDiv.style.display="none";
   textInt[i]=window.setInterval("fadeOut("+i+")", 20);
}

function fadeOut(i) {
   if(textCol[i]>14) {
      window.clearInterval(textInt[i]);
      textDiv[i].style.display="none";
   } else {
      textCol[i]++;
      textDiv[i].style.color="#"+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]]+textCls[textCol[i]];
   }
}