Automatisk slideshow i javascript?

Hejsa

Jeg har fulgt en turtorial til at få opbygget følgende script:

function populateSelect(selectobj){
for (var i=0; i<picsarray.length; i++)
selectobj.options[selectobj.options.length]=new Option(picsarray[i], picsarray[i])
if (selectobj.options.length>1){
selectobj.selectedIndex=0
showpicture(document.getElementById("picsform").picslist)
}
}

function showpicture(selectobj){
piccontainerobj=document.getElementById("picturearea")
resetfade(10)
piccontainerobj.innerHTML='<img src='+locationstring+selectobj.options[selectobj.selectedIndex].value+'>'
fadepictoview=setInterval("gradualfade(piccontainerobj)",50)
}

function resetfade(degree){
if (window.fadepictoview)
clearInterval(fadepictoview)
if (typeof piccontainerobj.style.MozOpacity=="string")
piccontainerobj.style.MozOpacity=degree/100
else if (piccontainerobj.filters)
piccontainerobj.filters.alpha.opacity=degree
}

function gradualfade(){
if (typeof piccontainerobj.style.MozOpacity=="string" && piccontainerobj.style.MozOpacity<1)
piccontainerobj.style.MozOpacity=Math.min(parseFloat(piccontainerobj.style.MozOpacity)+0.2, 0.99)
else if (piccontainerobj.filters && piccontainerobj.filters.alpha.opacity<100)
piccontainerobj.filters.alpha.opacity+=20
else
clearInterval(fadepictoview)

window.onload = function()
{
populateSelect(document.getElementById("picsform").picslist)
}
<div class="ingen" id="picturearea">
</div>
<form id="picsform">
<select name="picslist" size="4" style="width: 200px" onClick="showpicture(this)">
</select>
</form>

Det fungerer således, at jeg i en selectboks kan trykke på de billeder der skal vises, og så viser den dem jeg trykker på. Jeg vil gerne have at det istedet fungerer sådan, den automatisk skifter hvert x-sekund og at man så kan trykke på et link der så får slideshowet til at stå stille på det billede man har trykket på. Håber jeg har udtrykt mig tydeligt =) Er der nogen der kan hjælpe? =)