Добавить кнопки навигации к слайдеру.

[Андрей Розумович]

Здравствуйте! Как добавить кнопки, для перехода на определенный слайд. Допустим, для каждого слайда, под самим слайдером, свой кружочек. При нажатии на кружочек совершается переход на определенный слайд. А дальше по порядку.

$(function () {
	var el =  $('#slider img'),
		indexImg = 1,
		indexMax = el.length;
	function change () {
		el.fadeOut(500);
		el.filter(':nth-child('+indexImg+')').fadeIn(500);
	}	
	function autoCange () {	
		indexImg++;
		if(indexImg > indexMax) {
			indexImg = 1;
		}			
		change ();
	}	
	var interval = setInterval(autoCange, 2000);
	$('#slider').mouseover(function() {
		clearInterval(interval);
	});
	$('#slider').mouseout(function() {
		interval = setInterval(autoCange, 2000);
	});
	$('#slider').append('<span class="next"></span><span class="prev"></span>');
	$('span.next').click(function() {
		indexImg++;
		if(indexImg > indexMax) {
			indexImg = 1;
		}
		change ();
	});
	$('span.prev').click(function() {
		indexImg--;
		if(indexImg < 1) {
			indexImg = indexMax;
		}
		change ();
	});	
});

[Андрей Розумович]

Сам додумался. Теперь только незнаю как классы подвязать( типа .active)

$('li.first_slide,.dot_first').click(function() {
		if(indexImg = indexMax) {
			indexImg = 1;
		}
		change ();
	});
	$('li.second_slide,.dot_second').click(function() {
		if(indexImg = indexMax) {
			indexImg = 2;
		}
		change ();
	});
    $('li.third_slide,.dot_third').click(function() {
		if(indexImg = indexMax) {
			indexImg = 3;
		}
		change ();
	});

[рони]

Андрей Розумович,
Навигация для слайдера