var bannerPics = [
'./pics/wooden_sign.jpg',
'./pics/churchFront.jpg',
'./pics/altar_front.jpg',
'./pics/churchFront_2.jpg',
'./pics/intfront.jpg',
'./pics/fence_flowers.jpg'
];
//preload the pics to ensure they are cached by end of page load
var picO = new Array();
for(i=0; i < bannerPics.length; i++){
    picO[i] = new Image();
    picO[i].src = bannerPics[i];
}
var curPic = 0;
var fadeTimer;
var swapImgTimer;
var speed = 50;
var opacStep = 0.5;
var dirn = -1;
var curOpac = 10;
function fade(){
    if(fadeTimer){
        clearInterval(fadeTimer);
    }
    fadeTimer = setInterval(setOpacity,speed);
}
function setOpacity() {
    curOpac = curOpac + (opacStep * dirn);
    if(curOpac < 0){
        swapImage();
        curOpac = 0;
        dirn = 1;
        fade();
        return;
    }
    if(curOpac > 10){
        curOpac = 10;
        clearInterval(fadeTimer);
        dirn = -1;
        swapImgTimer = setTimeout(fade,4500);
        return;
    }
    if(typeof(oSsImg.style.opacity) == 'string'){
        oSsImg.style.opacity = curOpac/10;
    } else {
        oSsImg.style.filter = 'alpha(opacity=' + curOpac*10 + ')';
    }
}
function swapImage(){
    curPic = (++curPic > picO.length-1)? 0 : curPic;
    oSsImg.src = picO[curPic].src;
}