/*
 * Eyeheader Slideshow
*/

// Bilderliste
var picList = new Array(
    "x1.jpg",
    "x2.jpg",
    "x3.jpg",
    "x4.jpg",
    "x5.jpg",
    "x6.jpg"
);

// Einstellungen
var picDir            = "/loom_data/design/atec/img/eyeheader_slideshow/"; // Pfad zu Bilder
var slideShowSpeed    = 5000;
var crossFadeDuration = 2;

// Variablen
var t;                     // Timer
var j = 0;                 // aktueller Bildindex
var p = picList.length;    // Bilderanzahl
var preLoad = new Array(); // Liste mit geladenen Bildern

// Funktion die Slideshow ausfuehrt
function runSlideShow() {
    var imgObj = document.getElementById("SlideShow");
    if (document.all && navigator.userAgent.indexOf("Opera")==-1) {
        imgObj.style.filter="blendTrans(duration=2)";
        imgObj.style.filter="blendTrans(duration=crossFadeDuration)";
        imgObj.filters.blendTrans.Apply();
    }
    imgObj.src = preLoad[j].src;
    if (document.all && navigator.userAgent.indexOf("Opera")==-1) {
        imgObj.filters.blendTrans.Play();
    }
    j = j + 1;
    if (j > (p - 1)) j = 0;
    t = setTimeout('runSlideShow()', slideShowSpeed);
}

// Laden
$(document).ready(function() {

    // Bilderliste mischen
    var mixtPicList = new Array();
    while (picList.length > 0) {
        PicIndex = Math.round((picList.length-1)*(Math.random()));
        mixtPicList.push(picList[PicIndex]);
        picList.splice(PicIndex, 1);
    }
    picList = mixtPicList;

    // Bilder laden
    for (i = 0; i < p; i++) {
        preLoad[i] = new Image();
        preLoad[i].src = picDir+picList[i];

        // wenn erstes Bild geladen > Slideshow starten
        if (i == 0) {
            runSlideShow();
        }
    }
});