var interval;
var i=1;
var delay = 5000; // время между изменением картинок
var fadeTime = 500; // время затухания

$(document).ready(function() {
	interval = setInterval("changeSlider()", delay);
	$("#slider-left").click(function() {
		clearTimeout(interval);
		i-=2;
		changeSlider();
		interval = setInterval("changeSlider()", delay);
	});
	$("#slider-right").click(function() {
		clearTimeout(interval);
		changeSlider();
		interval = setInterval("changeSlider()", delay);
	});
	
	// создаем обработчики для кружков
	for (var j=1; j<=quant; j++) {
		$("#dot"+j).click(function() {
			clearTimeout(interval);
			i = $(this).attr("num")-1;
			changeSlider();
			interval = setInterval("changeSlider()", delay);
		});
	}
});

function changeSlider() {
	++i;
	if (i > quant) { i=1; }
	if (i < 1) { i=quant; }
	
	$("#slider div.img").css("background", "url(/uploads/images/visual/"+i+".jpg)");
	
	$("div.dots-inner > div").removeClass("active");
	$("#dot"+i).addClass("active");
	
	$("#slider div.img div.img2")
		.fadeOut(fadeTime, 0, function() {
			$(this).css("background", "url(/uploads/images/visual/"+i+".jpg)");
		})
		.fadeIn(fadeTime);
}