// Ab hier kann man die Variablen ändern

var fadeDuration = 0; // Wie lange dauert Fade Effekt
var slideshowDuration = 4500; // Wie lange solln die Bilder angezeigt werden

var blenddiv = 'eigenwerbung_img1';
var blendImg = 'eigenwerbung_img2';

var pic = new Array() 

var startPath = 'url(/img/startpage/slideshow/';

pic[0] = startPath + '1.gif)'
pic[1] = startPath + '2.gif)' 
//pic[2] = startPath + '3.jpg)' 
//pic[3] = startPath + '4.jpg)' 
//pic[4] = startPath + '5.jpg)' 
//pic[5] = startPath + '6.jpg)'
//pic[6] = startPath + '7.jpg)'
//pic[7] = startPath + '8.jpg)'
//pic[8] = startPath + '9.jpg)'
//pic[9] = startPath + '10.jpg)'
//pic[10] = startPath + '11.jpg)'
//pic[11] = startPath + '12.jpg)'
//pic[12] = startPath + '13.jpg)'
//pic[13] = startPath + '14.jpg)'
//pic[14] = startPath + '15.jpg)'
//pic[15] = startPath + '16.jpg)'
//pic[16] = startPath + '17.jpg)'



// Ab hier nichts mehr ändern

var index = 0;

function changeImg() 
{       

    if ( index == pic.length )
        index = 0;
    if (index == 0) {
        slideshowDuration = 9500; // Baum
    }
    else {
        slideshowDuration = 10500; //Logo Baggern und Walzen
    }
    
    document.getElementById(blendImg).style.backgroundImage = pic[index];

    
    setTimeout("blendimage('" + blenddiv + "','" + blendImg + "', '" + pic[index] + "'," + fadeDuration + ")", slideshowDuration);
    
    index++;   
}


function blendimage(divid, imageid, imagefile, millisec) 
{
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    //document.getElementById(divid).style.backgroundImage = document.getElementById(blendImg).style.backgroundImage;
    
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).style.backgroundImage = imagefile;
    

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
    
    
    changeImg();
} 

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}