$(document).ready(function() {

	var CarouselContainer = $('#units-carousel');
	var CarouselItems = $('ul', CarouselContainer);
	var itemsWidth = CarouselItems.innerWidth() - CarouselContainer.outerWidth();
	var CarouselOptions = {
		min: 0,
		max: itemsWidth,
		handle: '.control',
		stop: function (event, ui) {
			CarouselItems.animate({'left' : ui.value * -1}, 500);
			//console.log(ui);
		},
		slide: function(event, ui) {
			CarouselItems.css('left', ui.value * -1);
			//console.log(ui.value);
		}
	}
	$('.slider').slider(CarouselOptions);
	
});