bilder = new Array();
akt=0;
verzoegerung=6000;
stat=0;
id="";

function preload() {

var img_list = preload.arguments;

for(i=0; i<img_list.length; i++)
{
   bilder[i] = new Image();
   bilder[i].src = img_list[i];
}
preload_check();
}

function preload_check() {

for(var i=0; i < bilder.length; i++) {
   if(bilder[i].complete == false) {
      setTimeout('preload_check()', 100);
      return;
      }
}

document.getElementById('dia_slot').innerHTML = '<img src="' + bilder[0].src + '" class="main" name="dia" width="200" />';
//document.stat_zurueck.onclick = function() {zurueck(); };
//document.stat.onclick = function() {start(); };
//document.stat_vor.onclick = function() {vor(); };
start();
}


function lade() {
document.dia.src = bilder[akt].src;
}

function fade() {

var timer = 0;

for(i=9; i>=0; i--) {
   timer++;
   setTimeout("opac(" + i + ");",timer*30);
}
timer++;
setTimeout("lade();",timer*30);

for(i=1; i<=10; i++) {
   timer++;
   setTimeout("opac(" + i + ");",timer*30);
}
}

function opac(wert) {
    var object = document.dia.style;
    object.opacity = (wert / 10);
    object.MozOpacity = (wert / 10);
    object.KhtmlOpacity = (wert / 10);
    object.filter = "alpha(opacity=" + wert*10 + ")";
}

function start() {

if(stat==0)
{
   stat=1;
   id = setTimeout("animation();", verzoegerung);
   //document.stat.src = "images/pause.png";
   return;
}

else
{
   stat=0;
   clearTimeout(id);
   //document.stat.src = "images/play.png";
}
}

function animation() {

akt++;
if(akt >= bilder.length) {
   akt=0; }

fade();

id = setTimeout("animation();", verzoegerung);
}

function vor() {

if(stat==1) {
   stat=0;
   clearTimeout(id);
   //document.stat.src = "images/play.png";
}

akt++;
if(akt >= bilder.length) {
   akt=0; }

lade();
}

function zurueck() {

if(stat==1) {
   stat=0;
   clearTimeout(id);
   //document.stat.src = "images/play.png";
}

akt--;
if(akt<0)
{
   akt=bilder.length-1; }

lade();
}

window.onload=function()
{
 preload('images/dia/1.jpg','images/dia/2.jpg','images/dia/3.jpg','images/dia/4.jpg','images/dia/5.jpg','images/dia/6.jpg','images/dia/7.jpg','images/dia/8.jpg','images/dia/9.jpg','images/dia/10.jpg','images/dia/11.jpg','images/dia/12.jpg','images/dia/13.jpg','images/dia/14.jpg');
}