jQuery 비쥬얼 롤링

//메인비쥬얼 
$(".visual-area .dot li").eq(0).addClass("on");
$(".visual-area .dot li").click(function(){
	var index = $(this).index();
	visual_rolling(index);
});	

function visual_rolling(index){
	$(".visual-area .dot li").eq(index).addClass("on").siblings().removeClass("on");
	$(".visual-area li").eq(index).fadeIn(300).siblings().fadeOut(200); 
}
//비쥬얼 롤링
var intval = setInterval(goIntval, 4000);			
function goIntval(){ 
	var end = $(".visual-area li").last().index();
	var index = $(".on").index();
	if(index == end){
		index = 0;
		$(".visual-area .dot li").eq(index).addClass("on").siblings().removeClass("on");
		$(".visual-area li").eq(index).fadeIn(300).siblings().fadeOut(200);
	}else{
		$(".visual-area .dot li").eq(index).next().addClass("on").siblings().removeClass("on");
		$(".visual-area li").eq(index).next().fadeIn(300).siblings().fadeOut(200);
	}
};
//인터벌 재생정지
$(".visual-area li").hover(function(){
	clearInterval(intval);
},function(){
	intval = setInterval(goIntval, 4000);
});