[Eliot456]

Доброго дня уважаемые форумчане. Столкнулся со следующей задачей:
Нужно реализовать слайдер с превьюшками в виде серых прямоугольников, при активном окне контента соответствующая превьюшка желтая и при клике влево - вправо желтый прямоугольник перемещается тоже влево-вправо
Безымянный.jpg
Вот то что я сделал:

//Обработка клика на стрелку вправо
jQuery(document).on('click', ".carousel-button-right",function(){ 
	var carusel = jQuery(this).parents('.slider-over');
	right_carusel(carusel);
	jQuery('.active').next().addClass('active');
	jQuery('.active').prev().removeClass();
	return false;
});
//Обработка клика на стрелку влево
jQuery(document).on('click',".carousel-button-left",function(){ 
	var carusel = jQuery(this).parents('.slider-over');
	left_carusel(carusel);
	jQuery('.active').prev().addClass('active');
	jQuery('.active').next().removeClass();
	return false;
});

прямоугольник перемещается, но проблема возникает когда он находится в конце и в начале. Как сделать чтобы если он к примеру находится в конце справа при клике вправо он перемещался в начало влево? и наоборот. Желтый прямоугольник имеет класс .active