https://indianahistory.org/wp-content/themes/ihs/scripts/slideshow.js

1
2$(document).ready(function(){
3	var bar = new ProgressBar.Circle(progress, {
4	  strokeWidth: 1.5,
5	  duration: 10000,
6	  color: '#f39f0b',
7	  trailColor: '#fff',
8	  trailWidth: 1,
9	  svgStyle: null
10	});
11	
12	var slidertimecount = 0;
13	var animationtime = 25;//animation time in milliseconds
14	var maxoffset = 190;
15	var animationmaxtime = 10000;//animation time in milliseconds
16	var timerloop = setTimeout(animateLoop, animationtime);
17	var currentpercentage = 0;
18	var started = false;
19	function animateLoop(){		
20		if(!started){
21			bar.set(0);
22			started = true;
23		}
24		
25		if($('.hovering').length){
26			timerloop = setTimeout(animateLoop, animationtime);		
27			return;
28		}
29		if($('.planVisitPanel').hasClass('active')){
30			timerloop = setTimeout(animateLoop, animationtime);		
31			return;
32		}
33		
34		slidertimecount += animationtime;
35		currentpercentage = (slidertimecount / animationmaxtime);
36		if(currentpercentage >= 1){
37			currentpercentage = 1;	
38		}
39		
40		
41		/*var animationrotation = 0 - (maxoffset * (1 - currentpercentage));
42		$('.st2').css('stroke-dashoffset', animationrotation);
43		*/
44		bar.set(currentpercentage);
45
46		
47		if(slidertimecount >= animationmaxtime){
48			//alert("trigger animation");
49			bar.set(0);
50			slidertimecount = 0;	
51			$('.bx-next').click();
52		}
53		timerloop = setTimeout(animateLoop, animationtime);		
54		//alert("Animating loop");
55	}
56	
57	$('.bx-next').click(function(){
58		$(this).blur();
59		bar.set(0);
60		clearTimeout(timerloop);
61		$('.st2').css('stroke-dashoffset', 0 - maxoffset);
62
63	});
64	$('.bx-prev').click(function(){
65		$(this).blur();
66		bar.set(0);
67		clearTimeout(timerloop);
68		$('.st2').css('stroke-dashoffset', 0 - maxoffset);
69	});
70});