Bootstrap carousel navigation scripts

Bootstrap Carousel Navi

 // CAROUSEL SCRIPTS
      
		var currentPage =0;
		var pages = $("#carousel-nav a");
		var pagesCount = pages.length; */
		
		$('#myCarousel').carousel({
			interval: 10000
		});
		
		 $('.carousel-control').click(function(q){
			q.preventDefault();
			clickedPage = $(this).attr('data-to')-1;
			currentPage = clickedPage-1;
			$('#myCarousel').carousel(clickedPage);
			
		});
		
		$('#myCarousel').on('slide', function(evt) {
			$(".carousel-control").removeClass("active");
			currentPage++;
			currentPage=(currentPage%pagesCount);
			$(pages[currentPage]).addClass("active");
		});
		
		$('#carousel-nav a').click(function() {
	    	var item = Number($(this).attr('href').substring(1));
			$('#myCarousel').carousel(item - 1);
			$('#carousel-nav .active').removeClass('active');
			$(this).parent().addClass('active');
			return false;
		});
	
		$('#myCarousel').bind('slid', function() {
	    	$('#carousel-nav .active').removeClass('active');
			var idx = $('#myCarousel .item.active').index();
			$('#carousel-nav a:eq(' + idx + ')').addClass('active');
	
		});