<!--
var slideshow_width='152px' //Breite der Show. Nehmt einfach den Wert des breitesten Bildes eurer Show und tragt diesen hier ein.
var slideshow_height='138px' //Hoehe der Show. Nehmt einfach den Wert des hoehsten Bildes eurer Show und tragt diesen hier ein.
var pause=4000 //nach wie viel Sekunden soll das naechste Bild erscheinen. Der Wert wird in Millisekunden angegeben. 1000 entspricht also eine Sekunde
var slidebgcolor="white"

var dropimages=new Array()
//hier gebt ihr die Bilder an die angezeigt werden sollen. Wenn ihr mehr Bilder einfügen wollt fuehrt ihr die Zeilen einfach weiter und aendert die Zahl in den eckigen Klammern
dropimages[0]="../pictures/dexter/albert_kl.jpg"
dropimages[1]="../pictures/dexter/honey2_kl.jpg"
dropimages[2]="../pictures/dexter/tournesolKopf_kl.jpg"
dropimages[3]="../pictures/dexter/marcia2_kl.jpg"
dropimages[4]="../pictures/dexter/marciaKopf_kl.jpg"
dropimages[5]="../pictures/dexter/tournesol_kl.jpg"
dropimages[6]="../pictures/dexter/solskin2_kl.jpg"

var ght=new Array()


////ab hier nichts mehr aendern/////////////

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;top:30px;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('<img name="defaultslide" src="'+dropimages[0]+'" border=0>')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
tempobj.innerHTML=(ght[curimageindex]!="")? ''+slideimage+'' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}


function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+dropimages[curimageindex]+'" border=0>'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)




//-->
