var contentElementWidth = 194;
var currentIndex = 1;
var elementCount = 0;
var elementOffset = 0;

$(document).ready(function() {
	
	elementCount = $('#productCarousel').children('li').length;
	
	totalElementsWidth = elementCount * contentElementWidth; 
	$('#productCarousel').width(totalElementsWidth);
	$('#productCarousel').css({'position': 'relative'});
	
	$('#productCarousel-prev').click(function(e) {
		e.preventDefault();
		$('#productCarousel').stop(true, true);
		if(currentIndex > 1) {
			currentPosition = elementOffset;
			elementOffset = currentPosition - contentElementWidth;
		    newPosition = elementOffset; 
		    currentIndex = currentIndex-1;
		    $('#productCarousel').animate({right: newPosition+'px'}, 500, "swing");
		}
	});
	
	$('#productCarousel-next').click(function(e) {
		e.preventDefault();
		$('#productCarousel').stop(true, true);
		if(currentIndex < elementCount) {
			currentPosition = elementOffset;
			elementOffset = currentPosition + contentElementWidth;
		    newPosition = elementOffset; 
		    currentIndex = currentIndex+1;
		    $('#productCarousel').animate({right: newPosition+'px'}, 500, "swing");
		}
	});
	
});