﻿
    var images = document.getElementById("imageGroot").getElementsByTagName("img");
    var poptextbox = document.getElementById("imageGroot").getElementsByTagName("div");

    var currentImage = 0;
        
    var fader = 
    {
        speed:3,
        timer:5000,
        start:function()
        {
            fadeinterval = setTimeout('bytefx.fade(images[currentImage], 0, 99, fader.speed, fader.reset);',fader.timer);          
        },
        reset:function()
        {
            if(images.length > 0)
            {
                for(var x = 0;x < images.length;x++)
                {
                    bytefx.alpha(images[x], 99); 
                }
                currentImage = images.length - 1;
                document.getElementById("homepage_textplaceholder").innerHTML = poptextbox[currentImage].innerHTML; 
                fader.fade();
            }
        },
        fade:function()
        {
            fadeinterval = setTimeout('bytefx.fade(images[currentImage], 99, 0, fader.speed, fader.nextstep);',fader.timer);
        },
        nextstep:function()
        {
            if(currentImage - 1 > 0)
            {
                currentImage--;
                document.getElementById("homepage_textplaceholder").innerHTML = poptextbox[currentImage].innerHTML;
                fader.fade();
            }
            else
            {
                currentImage = images.length -1;
                document.getElementById("homepage_textplaceholder").innerHTML = poptextbox[0].innerHTML;
                fader.start();
            }
        }
        
    }
    
    fader.reset();