var slider = null;
var sliderInterval = null;
var currentSlide = 0;
var slidesCount = 0;

$(document).ready(function(){
	slidesCount = $('.block.gallery .slides li').length;
	if( slidesCount > 1 ) {
		slider = $(".block.gallery .slider").slider({
			value:0,
			min: 0,
			max: slidesCount-1,
			step: 1,
			slide: function(event, ui) {
				$('.block.gallery .slides li.active').removeClass('active');
				currentSlide = ui.value;
				var li = $('.block.gallery .slides li').get(currentSlide);
				$(li).addClass('active');
			}
		});
		sliderInterval = setInterval(function(){
			currentSlide = currentSlide ==  slidesCount-1 ? 0 :  currentSlide+1;
			slider.slider("value", currentSlide);
			$('.block.gallery .slides li.active').removeClass('active');
			var li = $('.block.gallery .slides li').get(currentSlide);
			$(li).addClass('active');
		}, 5000);
	}
});