﻿

var animtxt = "Reservierungshotline: 03679 - 720000";
var delay = 25;


offset = new Array();
offset[0] = -1;
offset[1] = -2;
offset[2] = -4;
offset[3] = -6;
offset[4] = -4;
offset[5] = -2;
offset[6] = -1;
num = 0;
num2 = 0;
mytext = "";



//Alle einzelnen Buchstaben des Slogans mit Span und ID versehen
function init() {
    if (animtxt.length > 6) {
        for (i = 0; i != animtxt.length; i++) {
            mytext = mytext + "<span style='position:relative;' id='n" + i + "'>" + animtxt.charAt(i) + "</span>";
        }
        document.getElementById("slogan2").innerHTML = mytext;
        mytext = "";
        spannen();
    }
}


// 1. Buchstaben Spannen
function spannen() {
    document.getElementById("n0").style.left = -num2 + "px";
    if (num2 != 9) {
        num2 = num2 + 3;
        setTimeout("spannen()", delay + (num2*10));
    }
    else {
        schnippen();
    }
}


// 2. 1. Buchstaben schnippen
function schnippen() {
    document.getElementById("n0").style.left = -num2 + "px";
    if (num2 != 0) {
        num2 = num2 - 3;
        setTimeout("schnippen()", delay);
    }
    else {
        welle();
    }
}



// 3. Buchstabenwelle
function welle() {
    mytext = '';
    for (i = 0; i != animtxt.length; i++) {
        if (i + num > -1 && i + num < 7) {
            mytext = mytext + "<span style='position:relative;top:" + offset[i + num] + "px'>" + animtxt.charAt(i) + "</span>";
        } else {
            mytext = mytext + "<span>" + animtxt.charAt(i) + "</span>";
        }
    }
    document.getElementById("slogan2").innerHTML = mytext;
    mytext = "";
    if (num != (-animtxt.length)) {
        num--;
        setTimeout("welle()", delay);
    } else {
        num = 0;
        setTimeout("init()", 20000);
    }
}


