/*
 * Slider Gallery
 */
$(document).ready(function() {

	var container = $('div.sliderGallery');
	if (container.length != 0) {
		var ul = $('ul', container);
		var itemsWidth = ul.innerWidth() - container.outerWidth();

		$('.slider', container).slider( {
			min : 0,
			max : itemsWidth,
			handle : '.handle',
			stop : function(event, ui) {
				ul.animate( {
					'left' : ui.value * -1
				}, 500);
			},
			slide : function(event, ui) {
				ul.css('left', ui.value * -1);
			}
		});

	}

});