https://www.israc.gov.il/_Pics/Common/slides.js

1	$(function(){
2		$('.slides').slides({
3			preload: true,
4			preloadImage: '_Pics/loading.gif',
5			start: 1,
6			play: 5000,
7			pause: 2500,
8			hoverPause: true,
9			effect: 'bounce', // slide , bounce
10			
11			animationStart: function(current){
12				$('.caption').animate({
13					bottom:-35
14				},100);
15				if (slider_paused) {
16					$('.slides_control').trigger('mouseenter');
17				}
18			},
19			animationComplete: function(current){
20				if (slider_paused) {
21					$('.slides_control').trigger('mouseenter');
22				}
23			},
24			slidesLoaded: function() {
25				$('.caption').animate({
26					bottom:0
27				},200);
28			}
29		});
30
31		
32		
33		//----------------------------------------------> Play / Stop button
34		//var slider_paused is defuned on top of main engin file
35
36		$('#stop-slider').click(function(){
37			slider_paused = true;
38			$('.slides_control').trigger('mouseenter');
39			$("#play-slider").css('display','inline-block').focus();
40			$(this).css('display','none');
41		});
42		$('#play-slider').click(function(){
43			slider_paused = false;
44			$('.slides_control').trigger('mouseleave');
45			$("#stop-slider").css('display','inline-block').focus();
46			$(this).css('display','none');
47		});
48
49		//-------> keep paused on mouseleave if paused
50		// I addded this to main engin file
51	});