var slides = new Array();
var logos = new Array();
var nextSlide = 0;
var nextLogo = 0;
var slideTimer = new Timer(displayNextSlide, 7000);
var logoTimer = new Timer(displayNextLogo, 3000);

function loadPage()
{
    slides = childrenByClass("slides", "slide");
    logos = childrenByClass("customer-logos", "logo");
    displayNextSlide();
    displayNextLogo();
    slideTimer.start();
    logoTimer.start();
}

function unloadPage()
{
    slideTimer.stop();
    logoTimer.stop();
}

function childrenByClass(parent, childClass)
{
    var result = new Array();
    var elements = document.getElementById(parent).childNodes;    
    for (var i = 0; i < elements.length; i++)
    {
        if (elements[i].className == childClass)
        {
            result[result.length] = elements[i];
        }
    }
    return result;
}

function displayNext(elements, index)
{
    if (elements.length == 0) return 0;
    if (index >= elements.length) index = 0;    

    for (var i = 0; i < elements.length; i++)
    {
        if (i != index) elements[i].style.display = "none";
    }
    
    elements[index].style.display = "block";
    
    index++;
    return index;
}

function displayNextSlide()
{
    nextSlide = displayNext(slides, nextSlide);
}

function displayNextLogo()
{
    nextLogo = displayNext(logos, nextLogo);
}