// Manually controlled fading slideshow script- cross-browser compatible
// Built by Chad Chadwick ccemmett@there.net

var pic = 0
var trans = 100

window.onload=function setup(){
document.getElementById("caption").innerHTML = captions[pic]
}

// Image transition function
function fader(){
trans = trans - 5
if(trans>0){
setTimeout("fader()",50)
}else{
trans=100
document.getElementById("top").src = document.getElementById("bottom").src
document.getElementById("top").style.opacity= trans /100
document.getElementById("top").style.filter  = "alpha(opacity=" + trans
}
document.getElementById("top").style.opacity= trans /100
document.getElementById("top").style.filter  = "alpha(opacity=" + trans
}

// Image loader- calls transition function
function loader(){
document.getElementById("bottom").src = pix[pic].src
// Next line changes caption text
document.getElementById("caption").innerHTML = captions[pic]
fader()
}

// Next slide function
function forward(){
pic = pic + 1
if(pic==pix.length){
pic=0
}
loader()
}

// Previous slide function
function back(){
pic = pic - 1
if(pic<0){
pic=pix.length-1
}
loader()
}