// Put all intervals in an array
var intervals 	= new Array()
var interval 	= 2000
var placeholder = '#logoContainer'

$(document).ready(function() {

    if($(placeholder + " #slider li").size() > 1) {

        // Add click actions to buttons
        $(placeholder + " #slideLeft").click(function(){
            slidePrevious();
        });
        $(placeholder + " #slideRight").click(function(){
            slideNext();
        });

        $(placeholder + " #slider li").hover(function(){
            ticker.stopTimer()
        },function(){
            ticker.startTimer()
        });

        // Start ticker
        ticker.startTimer()
    } else {
        $(placeholder + " #slideLeft").hide()
        $(placeholder + " #slideRight").hide()
    }
});


slideNext = function() {
    oldElem = $(placeholder + " #slider li.active")
    elem = $(oldElem).next()

    if(elem.length == 0) {
        elem = $(placeholder + " #slider li:first")
    }

    $(oldElem).removeClass('active').hide()
    $(elem).addClass('active').show()
}

slidePrevious = function() {
    oldElem = $(placeholder + " #slider li.active")
    elem = $(oldElem).prev()

    if(elem.length == 0) {
        elem = $("#sliderContainer #slider li:last")
    }

    $(oldElem).removeClass('active').hide()
    $(elem).addClass('active').show()
}

function ticker() {};

    ticker.startTimer = function(){
        id = setInterval('slideNext()', interval);
        intervals.push(id)
    }

    ticker.stopTimer = function(){
        while(intervals.length > 0){
            clearInterval(intervals.shift());
        }
    }