/*****
Based on: http://slayeroffice.com/code/imageCrossFade/xfade2.html
Altered by Jesse to remove css importing
*****/

window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
        if(!d.getElementById || !d.createElement)return;

        imgs = d.getElementById("imageContainer").getElementsByTagName("img");
        for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
        imgs[0].style.display = "block";
        imgs[0].xOpacity = .99;

        setTimeout(so_xfade,2000);
}

function so_xfade() {
        cOpacity = imgs[current].xOpacity;
        nIndex = imgs[current+1]?current+1:0;

        nOpacity = imgs[nIndex].xOpacity;

        cOpacity-=.05;
        nOpacity+=.05;

        imgs[nIndex].style.display = "block";
        imgs[current].xOpacity = cOpacity;
        imgs[nIndex].xOpacity = nOpacity;

        setOpacity(imgs[current]);
        setOpacity(imgs[nIndex]);

        if(cOpacity<=0) {
                imgs[current].style.display = "none";
                current = nIndex;
                setTimeout(so_xfade,2000); /* Speed in miliseconds of fade */
        } else {
                setTimeout(so_xfade,50);
        }

        function setOpacity(obj) {
                if(obj.xOpacity>.99) {
                        obj.xOpacity = .99;
                        return;
                }
                obj.style.opacity = obj.xOpacity;
                obj.style.MozOpacity = obj.xOpacity;
                obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
        }

}