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

$(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());
	    }
	}