https://www.dcc.edu/_resources/js/demos/layout1.js

1/*
2Name: 			Church
3Written by: 	Okler Themes - (http://www.okler.net)
4Theme Version:	5.6.0
5*/
6
7(function( $ ) {
8
9	/*
10	Slider
11	*/
12	if( $('#revolutionSlider').get(0) ) {
13		revSlider = $('#revolutionSlider').revolution({
14			sliderType: 'standard',
15			sliderLayout: 'auto',
16			delay: 9000,
17			responsiveLevels: [4096,1200,992,420],
18			gridwidth:[1170,970,750],
19			gridheight: 600,
20			disableProgressBar: 'on',
21			spinner: 'spinner3',
22			parallax:{
23				type:"on",
24				levels:[20,40,60,80,100],
25				origo:"enterpoint",
26				speed:400,
27				bgparallax:"on",
28				disable_onmobile:"off"
29			},
30			navigation: {
31				arrows: {
32					style: "custom-arrows-style-1",
33					enable: true,
34					hide_onmobile: false,
35					hide_onleave: true,
36					left: {
37						h_align: "left",
38						v_align: "center",
39						h_offset: 0,
40						v_offset: 0
41					},
42					right: {
43						h_align: "right",
44						v_align: "center",
45						h_offset: 0,
46						v_offset: 0
47					}
48				}
49			}
50		});
51	}
52
53	/*
54	Countdown
55	*/
56	if( $('#countdown').get(0) ) {
57		var countdown_date  = $('#countdown').data('countdown-date'),
58			countdown_title = $('#countdown').data('countdown-title');
59
60		$('#countdown').countdown(countdown_date).on('update.countdown', function(event) {
61			var $this = $(this).html(event.strftime(countdown_title
62				+ '<span class="days custom-secondary-font"><span class="text-color-primary">%D</span> Day%!d</span> '
63				+ '<span class="hours custom-secondary-font"><span class="text-color-primary">%H</span> Hrs</span> '
64				+ '<span class="minutes custom-secondary-font"><span class="text-color-primary">%M</span> Min</span> '
65				+ '<span class="seconds custom-secondary-font"><span class="text-color-primary">%S</span> Sec</span> '
66			));
67		});
68	}
69
70	/*
71	* Validate
72	*/
73	if($('#contactFormMessage').get(0) ) {
74		$('#contactFormMessage').validate({
75			onkeyup: false,
76			onclick: false,
77			onfocusout: false,
78			errorPlacement: function(error, element) {
79				if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
80					error.appendTo(element.parent().parent());
81				} else {
82					error.insertAfter(element);
83				}
84			}
85		});
86	}
87
88	/*
89	* Ajax on Page
90	*/
91	var ajaxOnPagePortfolioDetails = {
92
93		pages: [],
94		$ajaxBox: $('#galleryAjaxBox'),
95		$ajaxBoxContent: $('#galleryAjaxBoxContent'),
96
97		build: function() {
98
99			var self = this;
100
101			$('a[data-ajax-on-page]').each(function() {
102				self.add($(this));
103			});
104
105			$(document).on('mousedown', 'a[data-ajax-on-page]', function (ev) {
106				if (ev.which == 2) {
107					ev.preventDefault();
108					return false;
109				}
110			});
111
112		},
113
114		add: function($el) {
115
116			var self = this,
117				href = $el.attr('data-href');
118
119			self.pages.push(href);
120
121			$el.on('click', function(e) {
122				e.preventDefault();
123				self.show(self.pages.indexOf(href));
124
125				// Remove active from all items
126				$('a[data-ajax-on-page]').find('.thumb-info-wrapper').removeClass('active');
127
128				// Set active current selected item
129				$(this).find('.thumb-info-wrapper').addClass('active');
130			});
131
132		},
133
134		events: function() {
135
136			var self = this;
137
138			// Carousel
139			if ($.isFunction($.fn['themePluginCarousel'])) {
140
141				$(function() {
142					$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
143						var $this = $(this),
144							opts;
145
146						var pluginOptions = $this.data('plugin-options');
147						if (pluginOptions)
148							opts = pluginOptions;
149
150						$this.themePluginCarousel(opts);
151					});
152				});
153
154			}
155
156		},
157
158		show: function(i) {
159
160			var self = this;
161
162			self.$ajaxBoxContent.empty();
163			self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
164
165			$('html, body').animate({
166				scrollTop: self.$ajaxBox.offset().top - 100
167			}, 300, 'easeOutQuad');
168
169			// Ajax
170			$.ajax({
171				url: self.pages[i],
172				complete: function(data) {
173				
174					setTimeout(function() {
175
176						self.$ajaxBoxContent.html(data.responseText);
177						self.$ajaxBox.removeClass('ajax-box-loading');
178
179						self.events();
180
181					}, 1000);
182
183				}
184			});
185
186		}
187
188	}
189
190	if($('#galleryAjaxBox').get(0)) {
191		ajaxOnPagePortfolioDetails.build();
192	}
193
194}).apply( this, [ jQuery ]);