<!--
//////////////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                      
// Javascript by www.aspectum.de - Open Source Script                                     
//                                                                                       
// Dieses Script darf auf privaten sowie kommerziellen Websiten eingesetzt werden.      
// Eine reine kommerzielle Weiterveräusserung des Scriptes ist nicht gestattet.       
// Es besteht keinerlei Gewährleistung für die Funktion in allen Browsern. 
// Die Benutzung erfolgt auf eigenes Risiko.     
// Das Script darf ohne Einschränkung abgeändert oder angepasst werden.             
//                                                                                 
//////////////////////////////////////////////////////////////////////////////////////////////////////
//Diashow///////////////////////////////////////////////////////////////////////////////////////////

var ordner = 'ds';          // Ordner in dem die Bilder liegen (Bildername 1.jpg  2.jpg  3.jpg usw.)
var bilder = 3;            // Anzahl der Bilder
var fadeSpeed = 1;       // Überlendgeschwindigkeit - 1, 2, 5 oder 10
var fadeEffekt = 2;      // Fade-Effekt - 1 oder 2
var fade1time = 6000;   // Zeit wie lange Bild stehen bleibt - Fade-Effekt 1
var fade2time = 6000;  // Zeit wie lange Bild stehen bleibt - Fade-Effekt 2
var fade2atime = 120; // Zeit zum einblenden des nächsten Bildes - Fade-Effekt 2

var counter = 0;
var fadeOn = 1;
var filter = 0;

// Bilder vorladen - Je nach Bilderanzahl erweitern/verringern
img1 = new Image();
img1.src = "ds/1.jpg";
img2 = new Image();
img2.src = "ds/2.jpg";
img3 = new Image();
img3.src = "ds/3.jpg";

window.onload = function()
{window.setTimeout("load()", 10);}

// Vorladen überprüfen - Je nach Bilderanzahl erweitern/verringern
function load(){
if ((img1.complete) && (img2.complete) && (img3.complete)) {
window.setTimeout("next()", 1500);
}else{window.setTimeout("load()", 500);}
}  

function fade1einbl(filter) {
window.document["ds"].src = ""+ordner+"/"+counter+".jpg";
window.document["ds"].style.opacity = filter/100;
window.document["ds"].style.filter = "alpha(opacity="+filter+")"; 
filter = filter+(2*fadeSpeed);
if (filter <= 100) {
window.setTimeout(function () { fade1einbl(filter); }, 10);
} else { 
if (fadeOn == 1) { window.setTimeout(next, fade1time); }
}}

function fade2einbl(filter) {
window.document["ds"].src = ""+ordner+"/"+counter+".jpg";
window.document["ds"].style.opacity = filter/100;
window.document["ds"].style.filter = "alpha(opacity="+filter+")"; 
filter = filter+(2*fadeSpeed);
if (filter <= 100) {
window.setTimeout(function () { fade2einbl(filter); }, 1);
} else { 
if (fadeOn == 1) { 
window.document["ds"].src = ""+ordner+"/"+counter+".jpg";
window.setTimeout(function () { fade2ausbl(100); }, fade2time);}
}}

function fade2ausbl(filter) {
window.document["ds"].src = ""+ordner+"/"+counter+".jpg";
window.document["ds"].style.opacity = filter/100;
window.document["ds"].style.filter = "alpha(opacity="+filter+")"; 
filter = filter-(2*fadeSpeed);
if (filter >= 0) {
window.setTimeout(function () { fade2ausbl(filter); }, 1);
} else { window.setTimeout(next, fade2atime); }
}

function next() {
if(fadeOn == 1){
window.document["ds"].alt = "Diashow stoppen";
window.document["ds"].title = "Diashow stoppen";}
counter++;
document.getElementById("diashow").style.backgroundImage = "url('pic.gif')";
if (counter > bilder) { counter = 1; }
if (fadeEffekt == 1) { fade1einbl(10); }
if (fadeEffekt == 2) { fade2einbl(10); }
}

// Diashow Ein/Ausschalten
function onOff() {
if (fadeOn == 1) {
document.getElementById("diashow").style.backgroundImage = "url('loading.gif')";
fadeOn = 0; 
window.document["ds"].alt = "Diashow starten";
window.document["ds"].title = "Diashow starten";}
else {
fadeOn = 1;
window.setTimeout(next, fade2atime);
}}
//-->