http://salesianosantillas.org/wp-content/plugins/cherry-projects/p…herry-projects-single-scripts.js?ver=1.2.15

1(function($){
2	"use strict";
3
4	CherryJsCore.utilites.namespace('cherryProjectsFrontSingleScripts');
5	CherryJsCore.cherryProjectsFrontSingleScripts = {
6		init: function () {
7			var self = this;
8
9			if( CherryJsCore.status.is_ready ){
10				self.readyRender( self );
11			}else{
12				CherryJsCore.variable.$document.on( 'ready', self.readyRender( self ) );
13			}
14
15		},
16		readyRender: function( self ) {
17
18			self.skillsListInit( self );
19			self.imagesListingInit( self );
20			self.sliderInit( self );
21		},
22		skillsListInit: function( self ) {
23			$( '.cherry-projects-single-skills-list li ' ).each( function() {
24				var $this = $( this ),
25					skillValue = $( '.skill-bar', $this).data( 'skill-value' );
26					$( '.skill-bar span', $this).css( {
27						'width': skillValue + '%'
28					} );
29			} );
30		},
31		imagesListingInit: function( self ) {
32			$('.cherry-projects-additional-image-list').magnificPopup({
33				delegate: 'a',
34				type: 'image',
35				gallery: {
36					enabled: true
37				}
38			});
39
40			$('.featured-image').magnificPopup({
41				delegate: 'a',
42				type: 'image',
43				mainClass: 'mfp-with-zoom',
44				zoom: {
45					enabled: true,
46					duration: 300,
47					easing: 'ease-in-out',
48					opener: function(openerElement) {
49						return openerElement.is('img') ? openerElement : openerElement.find('img');
50					}
51				}
52			});
53
54			$('.cherry-projects-additional-image-list').magnificPopup({
55				delegate: 'a',
56				type: 'image',
57				gallery: {
58					enabled: true
59				},
60				mainClass: 'mfp-with-zoom',
61				zoom: {
62					enabled: true,
63					duration: 300,
64					easing: 'ease-in-out',
65					opener: function(openerElement) {
66						return openerElement.is('img') ? openerElement : openerElement.find('img');
67					}
68				}
69			});
70
71			$( '.cherry-projects-additional-image-list' ).each( function() {
72				var $this         = $( this ),
73					$thisList     = $( '.additional-image-list', $this ),
74					$listItems    = $( '.image-item', $thisList ),
75					listingLayout = $thisList.data( 'listing-layout' ),
76					columnNumber  = $thisList.data( 'column-number' ),
77					imageMargin  = $thisList.data( 'image-margin' );
78
79					switch ( listingLayout ) {
80						case 'grid-layout':
81							var itemWidth = ( 100 / +columnNumber ).toFixed(3);
82							$listItems.css( {
83								'-webkit-flex-basis': itemWidth + '%',
84								'flex-basis': itemWidth + '%',
85							} );
86
87							$('.inner-wrapper', $listItems ).css( {
88								'margin': Math.floor( imageMargin / 2 ) + 'px',
89							} );
90
91							$thisList.css( {
92								'margin': - Math.floor( imageMargin / 2 ) + 'px',
93							} );
94
95						break;
96						case 'masonry-layout':
97							$thisList.css( {
98								'-webkit-column-count': +columnNumber,
99								'column-count': +columnNumber,
100								'-webkit-column-gap': +imageMargin,
101								'column-gap': +imageMargin,
102							} );
103
104							$('.inner-wrapper', $listItems ).css( {
105								'margin-bottom': imageMargin + 'px',
106							} );
107
108						break;
109					}
110			} );
111		},
112		sliderInit: function( self ) {
113			$( '.cherry-projects-slider__instance' ).each( function() {
114				var slider = $(this),
115					settings = slider.data('settings'),
116					sliderId = settings['id'];
117
118				if ( $( '.projects-slider__item', '#' + sliderId ).length > 0 ) {
119					$( '#' + sliderId ).sliderPro( {
120						width: settings['width'],
121						height: settings['height'],
122						orientation: 'horizontal',
123						imageScaleMode: settings['scale-mode'],
124						forceSize: settings['force-size'],
125						aspectRatio: -1,
126						visibleSize: settings['visible-size'],
127						slideDistance: +settings['distance'],
128						slideAnimationDuration: +settings['duration'],
129						fade: false,
130						arrows: settings['navigation'],
131						fadeArrows: true,

132						buttons: false,
133						autoplay: settings['autoplay'],
134						fullScreen: true,
135						shuffle: false,
136						loop: settings['loop'],
137						waitForLayers: false,
138						thumbnailArrows: false,
139						thumbnailsPosition: settings['thumbnails-position'],
140						thumbnailWidth: settings['thumbnails-width'],
141						thumbnailHeight: settings['thumbnails-height'],
142						init: function() {
143							$( this ).resize();
144						},
145						breakpoints: {
146							992: {
147								height: +settings['height'] * 0.75,
148							},
149							768: {
150								height: +settings['height'] * 0.5
151							}
152						}
153					} );
154				}
155			});//each end
156		}
157	}
158	CherryJsCore.cherryProjectsFrontSingleScripts.init();
159}(jQuery));