$(document).ready(function() {
var options = {
	scroller: $('#carousel-container'),
	prev: $('#leftNav a'),
	next: $('#rightNav a'),
	scrollNum: 5,
	scroll: true
};
var settings = {
	distance: parseInt($(options.scroller).find('li').css('width')),
	maxScroll: null, // find a way to retrieve the width after load and store it back in this array
	itemCount: options.scroller.children('ul').children('li').length
};
options.scroller.children('ul').css({'width' : settings.distance * settings.itemCount});
var maxScroll = options.scroller.children('ul').width();
options.scroller.css({'overflow-x' : 'hidden'}); // hide overflow

options.next.click(function() {
	var scrollPos = getScrollLeft();
	if (options.scroll == true) {
		if (scrollPos >= maxScroll - options.scroller.width()) {
			options.scroller
				.animate({scrollLeft: 0}, 1000);
		} else {
			options.scroller
				.animate({scrollLeft: scrollPos + ((settings.distance) * options.scrollNum)}, 1000);
			}
	} else {
		options.scroller.animate({opacity: 0}, 500, function() { 
			options.scroller
				.scrollLeft(scrollPos + ((settings.distance) * options.scrollNum))
				.animate({opacity:1.0}, 500);
		});
	}
	return false;
});

options.prev.click(function() {
	var scrollPos = getScrollLeft();
	if (options.scroll == true) {
		if (scrollPos <= 0) {
			options.scroller
				.animate({scrollLeft: maxScroll}, 1000);
		} else {
			options.scroller
				.animate({scrollLeft: scrollPos - ((settings.distance) * options.scrollNum)}, 1000);
		} 
	}
		else {
			options.scroller.animate({opacity: 0}, 500, function() { 
				options.scroller
					.scrollLeft(scrollPos - ((settings.distance) * options.scrollNum))
					.animate({opacity:1.0}, 500);
			});
		}
	return false;
});

function getScrollLeft() {
	var scrollPos = options.scroller.scrollLeft();
	return scrollPos;
};

});