var slideSpeed = 400;
var sliderWidth = 675;
var slides = 0;
var currentSlide = 1; 
var paging;

$(function(){
	slides = $('#theSlider li.contentText').size();
	var paging = $('#slidePaging .spround');

	// hide the previous and - buttons
	//$('#contentPages span.cpSpacer, #contentPagesBack').css('visibility','hidden');
	
	
	// setting the width of the slides
	var theSliderWidth = slides*sliderWidth;
	$('#theSlider').width(theSliderWidth);
	
	$('.spprev').click(function(){
		if(currentSlide < slides) {
			currentSlide ++;
			currentSlide == 1 ? prev = slides : prev = currentSlide - 1;
		} else {
			currentSlide = 1;
			prev = slides;
		}		
		slideContent();
		return false; 	
	});	
	
	$('.spnext').click(function(){
		if(currentSlide > 1) {
			currentSlide --;
			currentSlide == slides ? prev = slides-1 : prev = currentSlide + 1;
		} else {
			currentSlide = slides;
			prev = slides-1;
		}
		slideContent();
		return false; 	
	});	
	
	$('.spround').click(function(){
		//currentSlide = $(this).	
		currentSlide = paging.index($(this))+1;
		slideContent();
		return false;
	});
	
});

function slideContent() {
	updateCount(currentSlide,slides);
	var margin = (currentSlide-1)*sliderWidth;
	$('#theSlider').clearQueue().animate({'left': '-'+margin },slideSpeed);
}


function updateCount(currentSlide,slides) {
	$('#slidePaging .spon').removeClass('spon');
	$('#slidePaging .sp'+currentSlide).addClass('spon');
}