// Put all intervals in an array
function ticker() {};

    tickerIntervals 	= new Array()
    tickerInterval 	= 4000
    tickerPlaceholder = '#sliderContainer'

    ticker.startTimer = function(){
        id = setInterval('slideNext()', tickerInterval);
        tickerIntervals.push(id)
    }

    ticker.stopTimer = function(){
        while(tickerIntervals.length > 0){
            clearInterval(tickerIntervals.shift());
        }
    }


$(document).ready(function() {

    if($(tickerPlaceholder + " #slider li").size() > 1) {

        // Add click actions to buttons
        $(tickerPlaceholder + " #slideLeft").click(function(){
            slidePrevious();
        });
        $(tickerPlaceholder + " #slideRight").click(function(){
            slideNext();
        });

        $(tickerPlaceholder + " #slider li").hover(function(){
            ticker.stopTimer()
        },function(){
            ticker.startTimer()
        });

        // Start ticker
        ticker.startTimer()
    } else {
        $(tickerPlaceholder + " #slideLeft").hide()
        $(tickerPlaceholder + " #slideRight").hide()
    }
});


slideNext = function() {
    oldElem = $(tickerPlaceholder + " #slider li.active")
    elem = $(oldElem).next()

    if(elem.length == 0) {
        elem = $(tickerPlaceholder + " #slider li:first")
    }

    $(oldElem).removeClass('active').hide()
    $(elem).addClass('active').show()
}

slidePrevious = function() {
    oldElem = $(tickerPlaceholder + " #slider li.active")
    elem = $(oldElem).prev()

    if(elem.length == 0) {
        elem = $("#sliderContainer #slider li:last")
    }

    $(oldElem).removeClass('active').hide()
    $(elem).addClass('active').show()
}


