/*Copyright des Scriptes und der Bildelemente 2007 Hebold, Hembach, Pudelko*/
/* Ausschalten der rechten Mouse-Taste */
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

/* Beginn der globalen Variablendeklarationen */
var x = 0; //Variable für den left Wert
var xx = 0; //Variable für den left Wert Kurve
var x2 = 0; //2. Variable für gleichzeitige Animationen
var x_spalte1 = 154; //Variable für die erste spalte
var x_spalte2 = 254; //Variable für die zweite spalte
var x_spalte3 = 354; //Variable für die dritte spalte
var x_spalte4 = 454; //Variable für die vierte spalte
var x_spalte5 = 554; //Variable für die fuenfte spalte
var x_spalte6 = 654; //Variable für die fuenfte spalte
var y = 0; //Variable für den top Wert
var y_reihe1 = 90; //Variable für die erste Reihe
var y_reihe2 = 117; //Variable für die zweite Reihe
var y_reihe3 = 144; //Variable für die dritte Reihe
var y_reihe4 = 171; //Variable für die vierte Reihe
var y_reihe5 = 198; //Variable für die fuenfte Reihe
var y_reihe6 = 252; //Variable für die sechste Reihe
var y_reihe7 = 279; //Variable für die siebte Reihe
var y_reihe8 = 306; //Variable für die achte Reihe
var y_reihe9 = 333; //Variable für die achte Reihe
var y_reihe10 = 360; //Variable für die achte Reihe
var w = 0; //Variable für die Breite
var h = 0; //Variable für die Höhe
var z = 0; //Variable für die Beschleunigung des x-Wertes
var zeitinterval; //Intervall1
var zeitinterval2; //Intervall2
var zeitinterval3; //Intervall3
var zeit2 = 10; /*Zeitvariable für die Intervalle der Kurve  (10)*/
var zeit3 = 10; /*Zeitvariable für die Intervall Transparenzwechsel*/
var zeit4 = 2000; /*Zeitvariable vor Beginn Transparenzwechsel*/
var it = 5; //Variable der Zeit für das Intervall
var st = 100; //Variable der Zeit für set-TimeOut (500)
var titel = 50; //Variable für das titelintervall
var zaehler = 0;
var prozent = 0; //Variable für die Transparenz

/*Animation des titels*/
function start_titel() {
         x = 5;
         y = 84;
         w = 839;
         h = 80;
         document.getElementById("titel1").style.left = x + "px";
         document.getElementById("titel1").style.top = y + "px";
         document.getElementById("titel1").style.width = w + "px";
         document.getElementById("titel1").style.height = h + "px";
         zeitinterval = window.setInterval("titel1()",10);
}

function titel1() {
         x += 1;
         y += 1;
         w -= 5.6;
         h -= 0.42;
         document.getElementById("titel1").style.left = x + "px";
         document.getElementById("titel1").style.top = y + "px";
         document.getElementById("titel1").style.width = w + "px";
         document.getElementById("titel1").style.height = h + "px";
         if(w <= 650) {
              window.clearInterval(zeitinterval);
              x = 724;
              document.getElementById("titel5").style.left = x + "px";
              x = 5;
              y = 196;
              w = 1080;
              h = 80;
              document.getElementById("titel2").style.left = x + "px";
              document.getElementById("titel2").style.top = y + "px";
              document.getElementById("titel2").style.width = w + "px";
              document.getElementById("titel2").style.height = h + "px";
              zeitinterval = window.setInterval("titel2()",10);
         }
}

function titel2() {
         x += 1;
         y += 1;
         w -= 5.6;
         h -= 0.42;
         document.getElementById("titel2").style.left = x + "px";
         document.getElementById("titel2").style.top = y + "px";
         document.getElementById("titel2").style.width = w + "px";
         document.getElementById("titel2").style.height = h + "px";
         if(w <= 900) {
              window.clearInterval(zeitinterval);
              x = 5;
              y = 306;
              w = 1080;
              h = 80;
              document.getElementById("titel3").style.left = x + "px";
              document.getElementById("titel3").style.top = y + "px";
              document.getElementById("titel3").style.width = w + "px";
              document.getElementById("titel3").style.height = h + "px";
              zeitinterval = window.setInterval("titel3()",10);

         }
}

function titel3() {
         x += 1;
         y += 1;
         w -= 5.6;
         h -= 0.42;
         document.getElementById("titel3").style.left = x + "px";
         document.getElementById("titel3").style.top = y + "px";
         document.getElementById("titel3").style.width = w + "px";
         document.getElementById("titel3").style.height = h + "px";
         if(w <= 900) {
              window.clearInterval(zeitinterval);
              x = 90;
              y = 468;
              w = 0;
              h = 59;
              document.getElementById("titel4").style.left = x + "px";
              document.getElementById("titel4").style.top = y + "px";
              document.getElementById("titel4").style.width = w + "px";
              document.getElementById("titel4").style.height = h + "px";
              zeitinterval = window.setInterval("titel4()",10);
         }
}

function titel4() {
         w += 10;
         document.getElementById("titel4").style.width = w + "px";
         if(w >= 800) {
              window.clearInterval(zeitinterval);

              y = 51;
              w = 197;
              h = 144;

              window.setTimeout("intro_los()",zeit4);
         }
}

function intro_los() {
         transparent_los();
}

/*Transparenz-Funktion*/

function transparent_los() {
         prozent = 100;
         zeitinterval = window.setInterval("transparent()",zeit3);
}

function transparent() {
         prozent -= 5;
         document.getElementById("titel1").style.filter = "Alpha(opacity="+prozent+")";
         document.getElementById("titel1").style.MozOpacity = ""+prozent/100;
         document.getElementById("titel2").style.filter = "Alpha(opacity="+prozent+")";
         document.getElementById("titel2").style.MozOpacity = ""+prozent/100;
         document.getElementById("titel3").style.filter = "Alpha(opacity="+prozent+")";
         document.getElementById("titel3").style.MozOpacity = ""+prozent/100;
         document.getElementById("titel4").style.filter = "Alpha(opacity="+prozent+")";
         document.getElementById("titel4").style.MozOpacity = ""+prozent/100;
         document.getElementById("titel5").style.filter = "Alpha(opacity="+prozent+")";
         document.getElementById("titel5").style.MozOpacity = ""+prozent/100;
         document.getElementById("titel_hg").style.filter = "Alpha(opacity="+prozent+")";
         document.getElementById("titel_hg").style.MozOpacity = ""+prozent/100;
         if(prozent <= 0) {
                    window.clearInterval(zeitinterval);
                    document.getElementById("titel1").style.left = -1500 + "px";
                    document.getElementById("titel2").style.left = -1500 + "px";
                    document.getElementById("titel3").style.left = -1500 + "px";
                    document.getElementById("titel4").style.left = -1500 + "px";
                    document.getElementById("titel5").style.left = -1500 + "px";
                    document.getElementById("titel_hg").style.left = -1500 + "px";
                    start_ani();
         }
}

/* Intro Teil1 - Therapieplan */
function start_ani() {
         x = 20;
         y = 90;
         w = 98;
         h = 25;
         zeitinterval = window.setInterval("teil_blau1()",it);
}

function teil_blau1() {
         if(x <= 88) {
              y -= 2;
              x += 4;
              w += 1.96;
              h += 0.5;
         }

         if((x > 88) && (x < x_spalte1)) {
              y += 2;
              x += 4;
              w -= 1.96;
              h -= 0.5;
         }

         document.getElementById("blau1").style.left = x + "px";
         document.getElementById("blau1").style.top = y + "px";
         document.getElementById("blau1").style.width = w + "px";
         document.getElementById("blau1").style.height = h + "px";

         if(x >= x_spalte1) {
              document.getElementById("blau1").style.left = x_spalte1 + "px";
              document.getElementById("blau1").style.top = y_reihe1 + "px";
              document.getElementById("blau1").style.width = 98 + "px";
              document.getElementById("blau1").style.height = 25 + "px";
              window.clearInterval(zeitinterval);
              window.setTimeout("teil_blau2()",st);
         }
}

function teil_blau2() {
         document.getElementById("blau2").style.left = x_spalte1 + "px";
         document.getElementById("blau2").style.top = y_reihe7 + "px";
         window.setTimeout("teil_blau3()",st);
}

function teil_blau3() {
         document.getElementById("blau3").style.left = x_spalte1 + "px";
         document.getElementById("blau3").style.top = y_reihe10 + "px";
         window.setTimeout("teil_blau4()",st);
}

function teil_blau4() {
         document.getElementById("blau4").style.left = x_spalte2 + "px";
         document.getElementById("blau4").style.top = y_reihe1 + "px";
         window.setTimeout("teil_blau5()",st);
}

function teil_blau5() {
         document.getElementById("blau5").style.left = x_spalte2 + "px";
         document.getElementById("blau5").style.top = y_reihe5 + "px";
         window.setTimeout("teil_blau6()",st);
}

function teil_blau6() {
         document.getElementById("blau6").style.left = x_spalte2 + "px";
         document.getElementById("blau6").style.top = y_reihe9 + "px";
         window.setTimeout("teil_blau7()",st);
}

function teil_blau7() {
         document.getElementById("blau7").style.left = x_spalte3 + "px";
         document.getElementById("blau7").style.top = y_reihe2 + "px";
         window.setTimeout("teil_blau8()",st);
}

function teil_blau8() {
         document.getElementById("blau8").style.left = x_spalte3 + "px";
         document.getElementById("blau8").style.top = y_reihe6 + "px";
         window.setTimeout("teil_blau9()",st);
}

function teil_blau9() {
         document.getElementById("blau9").style.left = x_spalte3 + "px";
         document.getElementById("blau9").style.top = y_reihe10 + "px";
xx = 0;
         zeitinterval3 = window.setInterval("intro_beginn0()",zeit2);
         window.setTimeout("teil_blau10()",st);
}

function teil_blau10() {
         document.getElementById("blau10").style.left = x_spalte4 + "px";
         document.getElementById("blau10").style.top = y_reihe2 + "px";
         window.setTimeout("teil_blau11()",st);
}

function teil_blau11() {
         document.getElementById("blau11").style.left = x_spalte4 + "px";
         document.getElementById("blau11").style.top = y_reihe5 + "px";
         window.setTimeout("teil_blau12()",st);
}

function teil_blau12() {
         document.getElementById("blau12").style.left = x_spalte4 + "px";
         document.getElementById("blau12").style.top = y_reihe9 + "px";
         window.setTimeout("teil_blau13()",st);
}

function teil_blau13() {
         document.getElementById("blau13").style.left = x_spalte5 + "px";
         document.getElementById("blau13").style.top = y_reihe1 + "px";
         window.setTimeout("teil_blau14()",st);
}

function teil_blau14() {
         document.getElementById("blau14").style.left = x_spalte5 + "px";
         document.getElementById("blau14").style.top = y_reihe6 + "px";
         window.setTimeout("teil_blau15()",st);
}

function teil_blau15() {
         document.getElementById("blau15").style.left = x_spalte5 + "px";
         document.getElementById("blau15").style.top = y_reihe10 + "px";
         window.clearInterval(zeitinterval);
         x = 20;
         y = 126;
         w = 98;
         h = 25;
         zeitinterval = window.setInterval("teil_hellblau1()",it);
         /* xx = 0;
         zeitinterval3 = window.setInterval("intro_beginn0()",zeit2); */
}

function teil_hellblau1() {
         if(x <= 88) {
              y -= 2;
              x += 4;
              w += 1.96;
              h += 0.5;
         }

         if((x > 88) && (x < x_spalte1)) {
              y += 3.73;
              x += 3;
              w -= 1.52;
              h -= 0.39;
         }

         document.getElementById("hellblau1").style.left = x + "px";
         document.getElementById("hellblau1").style.top = y + "px";
         document.getElementById("hellblau1").style.width = w + "px";
         document.getElementById("hellblau1").style.height = h + "px";

         if(x >= x_spalte1) {
              document.getElementById("hellblau1").style.width = 98 + "px";
              document.getElementById("hellblau1").style.height = 25 + "px";
              document.getElementById("hellblau1").style.top = y_reihe4 + "px";
              document.getElementById("hellblau1").style.left = x_spalte1 + "px";
              window.clearInterval(zeitinterval);
              window.setTimeout("teil_hellblau2()",st);
         }
}

function teil_hellblau2() {
         document.getElementById("hellblau2").style.left = x_spalte1 + "px";
         document.getElementById("hellblau2").style.top = y_reihe8 + "px";
         window.setTimeout("teil_hellblau3()",st);
}

function teil_hellblau3() {
         document.getElementById("hellblau3").style.left = x_spalte2 + "px";
         document.getElementById("hellblau3").style.top = y_reihe3 + "px";
         window.setTimeout("teil_hellblau4()",st);
}

function teil_hellblau4() {
         document.getElementById("hellblau4").style.left = x_spalte2 + "px";
         document.getElementById("hellblau4").style.top = y_reihe6 + "px";
         window.setTimeout("teil_hellblau5()",st);
}

function teil_hellblau5() {
         document.getElementById("hellblau5").style.left = x_spalte3 + "px";
         document.getElementById("hellblau5").style.top = y_reihe5 + "px";
         window.setTimeout("teil_hellblau6()",st);
}

function teil_hellblau6() {
         document.getElementById("hellblau6").style.left = x_spalte3 + "px";
         document.getElementById("hellblau6").style.top = y_reihe8 + "px";
         window.setTimeout("teil_hellblau7()",st);
}

function teil_hellblau7() {
         document.getElementById("hellblau7").style.left = x_spalte4 + "px";
         document.getElementById("hellblau7").style.top = y_reihe1 + "px";
         window.setTimeout("teil_hellblau8()",st);
}

function teil_hellblau8() {
         document.getElementById("hellblau8").style.left = x_spalte4 + "px";
         document.getElementById("hellblau8").style.top = y_reihe6 + "px";
         window.setTimeout("teil_hellblau9()",st);
}

function teil_hellblau9() {
         document.getElementById("hellblau9").style.left = x_spalte5 + "px";
         document.getElementById("hellblau9").style.top = y_reihe3 + "px";
         window.setTimeout("teil_hellblau10()",st);
}

function teil_hellblau10() {
         document.getElementById("hellblau10").style.left = x_spalte5 + "px";
         document.getElementById("hellblau10").style.top = y_reihe8 + "px";
         x = 20;
         y = 162;
         w = 98;
         h = 25;
         zeitinterval = window.setInterval("teil_gelb1()",it);
}

function teil_gelb1() {
         if(x <= 88) {
              y -= 4;
              x += 4;
              w += 1.96;
              h += 0.5;
         }

         if((x > 88) && (x < x_spalte1)) {
              y += 1.045;
              x += 3;
              w -= 1.52;
              h -= 0.39;
         }

         document.getElementById("gelb1").style.left = x + "px";
         document.getElementById("gelb1").style.top = y + "px";
         document.getElementById("gelb1").style.width = w + "px";
         document.getElementById("gelb1").style.height = h + "px";

         if(x >= x_spalte1) {
              document.getElementById("gelb1").style.width = 98 + "px";
              document.getElementById("gelb1").style.height = 25 + "px";
              document.getElementById("gelb1").style.left = x_spalte1 + "px";
              document.getElementById("gelb1").style.top = y_reihe2 + "px";
              window.clearInterval(zeitinterval);
              window.setTimeout("teil_gelb2()",st);
         }
}

function teil_gelb2() {
         document.getElementById("gelb2").style.left = x_spalte1 + "px";
         document.getElementById("gelb2").style.top = y_reihe5 + "px";
         window.setTimeout("teil_gelb3()",st);
}

function teil_gelb3() {
         document.getElementById("gelb3").style.left = x_spalte2 + "px";
         document.getElementById("gelb3").style.top = y_reihe4 + "px";
         window.setTimeout("teil_gelb4()",st);
}

function teil_gelb4() {
         document.getElementById("gelb4").style.left = x_spalte2 + "px";
         document.getElementById("gelb4").style.top = y_reihe8 + "px";
         window.setTimeout("teil_gelb5()",st);
}

function teil_gelb5() {
         document.getElementById("gelb5").style.left = x_spalte3 + "px";
         document.getElementById("gelb5").style.top = y_reihe3 + "px";
         window.setTimeout("teil_gelb6()",st);
}

function teil_gelb6() {
         document.getElementById("gelb6").style.left = x_spalte3 + "px";
         document.getElementById("gelb6").style.top = y_reihe4 + "px";
         window.setTimeout("teil_gelb7()",st);
}

function teil_gelb7() {
         document.getElementById("gelb7").style.left = x_spalte4 + "px";
         document.getElementById("gelb7").style.top = y_reihe7 + "px";
         window.setTimeout("teil_gelb8()",st);
}

function teil_gelb8() {
         document.getElementById("gelb8").style.left = x_spalte4 + "px";
         document.getElementById("gelb8").style.top = y_reihe8 + "px";
         window.setTimeout("teil_gelb9()",st);
}

function teil_gelb9() {
         document.getElementById("gelb9").style.left = x_spalte5 + "px";
         document.getElementById("gelb9").style.top = y_reihe5 + "px";
         window.setTimeout("teil_gelb10()",st);
}

function teil_gelb10() {
         document.getElementById("gelb10").style.left = x_spalte5 + "px";
         document.getElementById("gelb10").style.top = y_reihe7 + "px";
         window.setTimeout("teil_gelb11()",st);

}

function teil_gelb11() {
         document.getElementById("gelb11").style.left = x_spalte6 + "px";
         document.getElementById("gelb11").style.top = y_reihe3 + "px";
         window.setTimeout("teil_gelb12()",st);
}

function teil_gelb12() {
         document.getElementById("gelb12").style.left = x_spalte6 + "px";
         document.getElementById("gelb12").style.top = y_reihe4 + "px";
         window.setTimeout("teil_gelb13()",st);

}

function teil_gelb13() {
         document.getElementById("gelb13").style.left = x_spalte6 + "px";
         document.getElementById("gelb13").style.top = y_reihe7 + "px";
         window.clearInterval(zeitinterval);
         window.clearInterval(zeitinterval2);
}


/* Ende Therpaieplan */


/*    Beginn  Skip-Intro-Funktion     */
function abbruch()
{
  window.clearInterval(zeitinterval);
  window.location.href = "hauptseite_V1/start.html";
}
 /*    Ende  Skip-Intro-Funktion     */


 /* Kurve - Intro Teil2 */

function intro_beginn0()   /*Animation der Kurven-Maske*/
{
  if(xx >= 400)
  {
  xx = 0;
  window.clearInterval(zeitinterval3);
  window.setTimeout("hauptseite()",2000);
  }
else
  {
  xx += 2;
  document.getElementById("maske").style.left = 463+xx+"px";
  }
}

function hauptseite() {
         window.location.href = "hauptseite_V1/start.html";
}

 /* Ist JavaScript aktiviert, wird sofort die INTRO-Start-Datei bzw. das FRAMESET zum INTRO aufgerufen --> ohne Aktivierung von JavaScript bleibt die Anfangsseite mit dem Hinweis auf Notwendigkeit zur Aktivierung von JavaScript stehen ---> das INTRO wird nicht gestartet  */

function noscript() {
         window.location.href = "start0.html";
}