//----- Filename of all the picture picture = new Array('images/rollladen/1.jpg'); //----- Main function for slideshow function slideshow(j, p, stop) { if(stop == 1) var time= 500; else var time= 3200; if(j < picture.length-1) j++; else j = 0; if(p == 1) { chgopac(100, "+j+"); } else { timer1 = setTimeout("chgbg("+j+")", time); timer2 = setTimeout("chgopac(100, "+j+")", time); } } //----- Changing the background, needed for fading function chgbg(m) { if(document.getElementById('slidepic').alt != 'slideshow stop') { document.getElementById('slideframe').style.backgroundImage = 'url('+picture[m]+')'; document.getElementById('slideframe').style.backgroundRepeat = 'no-repeat'; } } //----- Fading the pictures function chgopac(opacv, k) { if(document.getElementById('slidepic').alt != 'slideshow stop') { var object = document.getElementById('slidepic').style; object.opacity = (opacv / 100); object.MozOpacity = (opacv / 100); object.KhtmlOpacity = (opacv / 100); object.filter = "alpha(opacity=" + opacv + ")"; fader(opacv, k); } else if(document.getElementById('slidepic').alt == 'slideshow stop' && opacv < 100) { var object = document.getElementById('slidepic').style; object.opacity = 1; object.MozOpacity = 1; object.KhtmlOpacity = 1; object.filter = "alpha(opacity=100)"; slideshow(k, 0, 1); } else { slideshow(k, 0, 1); } } //----- Main function for fading function fader(opac, l) { opac -= 5; if (opac == 0) chgpic(l, 0); else timer3 = setTimeout("chgopac("+opac+", "+l+", '')", 40); } //----- Changing the picture function chgpic(i, o) { if(i < picture.length-1) n = i+1; else n = 0; if(i == 0) p = picture.length-1; else p = i-1; document.getElementById('slidepic').src = picture[i]; slideshow(i, o); }