// Animation auf der Webseite von Aigner Marketing&Communications
// Variablen die das Verhalten definieren
var FirstIntervall  = 4000;      // Wechselzeit der Bilder in ms
var ChangeIntervall = 2500;      // Wechselzeit der Bilder in ms
var MaxChanges      =    9;      // Anzahl der Wechselebenen

// Auflistungen der verfügbaren Bilder
// Es werden immer die Bilder mit dem gleichen Index gemeinsam angezeigt
var ar_inspirierend = new Array (
"url(grafik/inspirierend_01.jpg)",
"url(grafik/inspirierend_02.jpg)",
"url(grafik/inspirierend_01.jpg)",
"url(grafik/inspirierend_03.jpg)",
"url(grafik/inspirierend_04.jpg)",
"url(grafik/inspirierend_05.jpg)",
"url(grafik/inspirierend_01.jpg)",
"url(grafik/inspirierend_06.jpg)",
"url(grafik/inspirierend_07.jpg)" );

var ar_engagiert = new Array (
"url(grafik/engagiert_01.jpg)",
"url(grafik/engagiert_02.jpg)",
"url(grafik/engagiert_03.jpg)",
"url(grafik/engagiert_01.jpg)",
"url(grafik/engagiert_04.jpg)",
"url(grafik/engagiert_01.jpg)",
"url(grafik/engagiert_05.jpg)",
"url(grafik/engagiert_01.jpg)",
"url(grafik/engagiert_01.jpg)" );

var ar_erfolgreich = new Array (
"url(grafik/erfolgreich_01.jpg)",
"url(grafik/erfolgreich_01.jpg)",
"url(grafik/erfolgreich_01.jpg)",
"url(grafik/erfolgreich_02.jpg)",
"url(grafik/erfolgreich_03.jpg)",
"url(grafik/erfolgreich_04.jpg)",
"url(grafik/erfolgreich_05.jpg)",
"url(grafik/erfolgreich_06.jpg)",
"url(grafik/erfolgreich_01.jpg)" );

// Nicht zu verändernde Variablen
var act_index = 0;

function InitShow () {
setTimeout('ChangePictures()', FirstIntervall );
}

function ChangePictures() {
var insp_element = document.getElementById("insp_pic01");
var engag_element = document.getElementById("engag_pic01");
var erfolg_element = document.getElementById("erfolg_pic01");
 act_index++;
 if ( act_index == MaxChanges )
 { act_index = 0; }
 document.getElementById("insp_pic01").style.backgroundImage = ar_inspirierend[act_index];
 engag_element.style.backgroundImage = ar_engagiert[act_index];
 erfolg_element.style.backgroundImage = ar_erfolgreich[act_index];
 setTimeout('ChangePictures()', ChangeIntervall );
}

