// JavaScript Document

// Funktion Bildwechechsel der kleinen Bilder --->
function blendimage(divid, imageid, imagefile, millisec) {
        var speed = Math.round(millisec / 100); // Dauer bis zum nächsten Bild in Sekunden (gerundet)
        var timer = 0;
        if (blendBild)
        {
            document.getElementById(imageid).src = imagefile;
        }
     else
        {
           document.getElementById(divid).style.backgroundImage = "url(" + imagefile + ")";
        }

        for(i = 0; i <= 100; i++) // das opacity einen wert von 0-100 bekommt 
        {
            setTimeout("changeOpacBlend(" + i + ",'" + imageid + "', '" + divid+"')",(timer * speed));
            timer++;
        }
    }
// erhöhen und reduzierung des Transparenzwertes -->
function changeOpacBlend(opacity, imageid, divid) {
    if (blendBild)
    {
        changeOpac(opacity, imageid);
        changeOpac(100-opacity, divid);
    }
    else
    {
        changeOpac(100-opacity, imageid);
        changeOpac(opacity, divid);
    }
    if (opacity == 100)
    {
        setTimeout("startWechsel()", wechselDauer); // Verzögerung bis die Funktion des Bildwechsel aufgerufen wird
        blendBild = !blendBild;
    }
    document.getElementById(imageid).style.visibility = 'visible';
}
// Funktion Transparenz verändern / Style-Angaben für verschiedene Browser --->
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); // für Safari und Firefox
    object.filter = "alpha(opacity=" + opacity + ")"; // für InternetExplorer
}

var wechselDauer = 2400; // Dauer bis zum nächsten Bild
var transparenzDauer = 1800;  // Länge der Transparenzveränderung
var kleinesBild = new Array();
kleinesBild[0] = '/images/slideshow/slideshow_01.jpg'; // Bildpfad
kleinesBild[1] = '/images/slideshow/slideshow_02.jpg';
kleinesBild[2] = '/images/slideshow/slideshow_03.jpg';
kleinesBild[3] = 'images/slideshow/slideshow_04.jpg';
kleinesBild[4] = '/images/slideshow/slideshow_05.jpg';
kleinesBild[5] = 'images/slideshow/slideshow_06.jpg';


var bildIdx = 0;
var p = kleinesBild.length; // Anzahl aller Bilder
var preLoad = new Array();
var blendBild = true;
// Bildschleife 
for (i = 0; i < p; i++) 
{
    preLoad[i] = new Image();
    preLoad[i].src = kleinesBild[i];
}
var counter = -1; // counter setzen für wechsel des großen bildes
function startWechsel() {
    
    blendimage('blenddiv', 'blendimage', preLoad[bildIdx].src, transparenzDauer);
    bildIdx = bildIdx + 1;
	bild = bildIdx - 1;
	counter = counter + 1;
    if (bildIdx > (p - 1)) bildIdx = 0;
	if (counter > 5) counter = -1;
	g = bild;
	if (counter == 4) {
	if (g == 4) g=0;
	}
}