페이지 라운드 효과

	$(function(){
	var index=0;
	var stop=false;
	
	// 
	$(".carousel-indicators li").mouseover(function(){
	stop=true;
	index=$(this).index()+1;
	$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
	$(".item img").attr("src",
					"image/img0"+index+".png").show();
	});
	// 
	$(".carousel-inner").hover(function(){
	stop=true;
	},function(){
	stop=false;
	});
	// 
	$(".carousel-control").mouseover(function(){
	stop=true;
	});
	// 
       setInterval(function(){
		if(stop){
		return;
		}
		index++;
		if(index>4){
		  index=0;
		}
		
		 
		$(".item img").attr("src",
					"image/img0"+index+".png").show();
		$(".carousel-indicators li").removeClass();
				$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
		
		},1000);
		//  
		$(".left").click(function(){
		index--;
	
		if(index==0){
		index=$(".carousel-indicators li").length;
		$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
		$(".item img").attr("src",
					"image/img0"+index+".png").show();
		}else{
		
		$(".item img").attr("src",
					"image/img0"+index+".png").show();
					$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
		}
		
		});
		// 
		$(".right").click(function(){
		index++;
	
		if(index==$(".carousel-indicators li").length+1){
          index=1;
		$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
		$(".item img").attr("src",
					"image/img0"+index+".png").show();
		}else{
		
		$(".item img").attr("src",
					"image/img0"+index+".png").show();
					$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
		}
		
		});
		// 
	/* $(".left").click(function(){
	index=$(".carousel-indicators").children("li").attr("data-slide-to");
	
	alert(index);
	$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
	$(".item img").attr("src",
					"image/img0"+(index-1)+".png").show();
	}); */
	// 
	/* $(".right").click(function(){
	index=$(".carousel-indicators li").index()+1;
	$(".carousel-indicators li").eq(index-1).addClass("active").siblings().removeClass();
	$(".item img").attr("src",
					"image/img0"+index+".png").show();
	}); */
	

	
	
	
	
	});