https://federalpartysa.github.io/js/main.js

1(function ($) {
2"use strict";
3// TOP Menu Sticky
4$(window).on('scroll', function () {
5	var scroll = $(window).scrollTop();
6	if (scroll < 400) {
7    $("#sticky-header").removeClass("sticky");
8    $('#back-top').fadeIn(500);
9	} else {
10    $("#sticky-header").addClass("sticky");
11    $('#back-top').fadeIn(500);
12	}
13});
14
15
16
17
18
19$(document).ready(function(){
20
21// mobile_menu
22var menu = $('ul#navigation');
23if(menu.length){
24	menu.slicknav({
25		prependTo: ".mobile_menu",
26		closedSymbol: '+',
27		openedSymbol:'-'
28	});
29};
30// blog-menu
31  // $('ul#blog-menu').slicknav({
32  //   prependTo: ".blog_menu"
33  // });
34
35// review-active
36$('.slider_active').owlCarousel({
37  loop:true,
38  margin:0,
39items:1,
40autoplay:true,
41navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
42  nav:true,
43dots:false,
44autoplayHoverPause: true,
45autoplaySpeed: 800,
46  responsive:{
47      0:{
48          items:1,
49          nav:false,
50      },
51      767:{
52          items:1,
53          nav:false,
54      },
55      992:{
56          items:1,
57          nav:false
58      },
59      1200:{
60          items:1,
61          nav:false
62      },
63      1600:{
64          items:1,
65          nav:true
66      }
67  }
68});
69
70// review-active
71$('.testmonial_active ').owlCarousel({
72  loop:true,
73  margin:0,
74items:1,
75autoplay:true,
76navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
77  nav:true,
78dots:false,
79autoplayHoverPause: true,
80autoplaySpeed: 800,
81  responsive:{
82      0:{
83          items:1,
84          dots:false,
85          nav:false,
86      },
87      767:{
88          items:1,
89          dots:false,
90          nav:false,
91      },
92      992:{
93          items:1,
94          nav:false
95      },
96      1200:{
97          items:1,
98          nav:false
99      },
100      1500:{
101          items:1
102      }
103  }
104});
105
106// review-active
107$('.financial_active').owlCarousel({
108  loop:true,
109  margin:0,
110items:1,
111autoplay:true,
112navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
113  nav:true,
114dots:false,
115autoplayHoverPause: true,
116autoplaySpeed: 800,
117
118  responsive:{
119      0:{
120          items:1,
121          nav:false
122      },
123      767:{
124          items:1,
125          nav:false
126      },
127      992:{
128          items:1
129      },
130      1200:{
131          items:1
132      },
133      1500:{
134          items:1
135      }
136  }
137});
138
139// review-active
140$('.testmonial_active2').owlCarousel({
141  loop:true,
142  margin:0,
143items:1,
144autoplay:false,
145navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
146  nav:false,
147dots:true,
148autoplayHoverPause: true,
149autoplaySpeed: 800,
150// dotsData: true,
151center: true,
152  responsive:{
153      0:{
154          items:1,
155          nav:false
156      },
157      767:{
158          items:1,
159          nav:false
160      },
161      992:{
162          items:1
163      },
164      1200:{
165          items:1
166      },
167      1500:{
168          items:1
169      }
170  }
171});
172
173// for filter
174  // init Isotope
175  var $grid = $('.grid').isotope({
176    itemSelector: '.grid-item',
177    percentPosition: true,
178    masonry: {
179      // use outer width of grid-sizer for columnWidth
180      columnWidth: 1
181    }
182  });
183
184  // filter items on button click
185  $('.portfolio-menu').on('click', 'button', function () {
186    var filterValue = $(this).attr('data-filter');
187    $grid.isotope({ filter: filterValue });
188  });
189
190  //for menu active class
191  $('.portfolio-menu button').on('click', function (event) {
192    $(this).siblings('.active').removeClass('active');
193    $(this).addClass('active');
194    event.preventDefault();
195	});
196  
197  // wow js
198  new WOW().init();
199
200  // counter 
201  $('.counter').counterUp({
202    delay: 10,
203    time: 10000
204  });
205
206/* magnificPopup img view */
207$('.popup-image').magnificPopup({
208	type: 'image',
209	gallery: {
210	  enabled: true
211	}
212});
213
214/* magnificPopup img view */
215$('.img-pop-up').magnificPopup({
216	type: 'image',
217	gallery: {
218	  enabled: true
219	}
220});
221
222/* magnificPopup video view */
223$('.popup-video').magnificPopup({
224	type: 'iframe'
225});
226
227
228  // scrollIt for smoth scroll
229  $.scrollIt({
230    upKey: 38,             // key code to navigate to the next section
231    downKey: 40,           // key code to navigate to the previous section
232    easing: 'linear',      // the easing function for animation
233    scrollTime: 900,       // how long (in ms) the animation takes
234    activeClass: 'active', // class given to the active nav element
235    onPageChange: null,    // function(pageIndex) that is called when page is changed
236    topOffset: 0           // offste (in px) for fixed top navigation
237  });
238
239  // scrollup bottom to top
240  $.scrollUp({
241    scrollName: 'scrollUp', // Element ID
242    topDistance: '4500', // Distance from top before showing element (px)
243    topSpeed: 300, // Speed back to top (ms)
244    animation: 'fade', // Fade, slide, none
245    animationInSpeed: 200, // Animation in speed (ms)
246    animationOutSpeed: 200, // Animation out speed (ms)
247    scrollText: '<i class="fa fa-angle-double-up"></i>', // Text for element

248    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
249  });
250
251
252  // blog-page
253
254  //brand-active
255$('.brand-active').owlCarousel({
256  loop:true,
257  margin:30,
258items:1,
259autoplay:true,
260  nav:false,
261dots:false,
262autoplayHoverPause: true,
263autoplaySpeed: 800,
264  responsive:{
265      0:{
266          items:1,
267          nav:false
268
269      },
270      767:{
271          items:4
272      },
273      992:{
274          items:7
275      }
276  }
277});
278
279// blog-dtails-page
280
281  //project-active
282$('.project-active').owlCarousel({
283  loop:true,
284  margin:30,
285items:1,
286// autoplay:true,
287navText:['<i class="Flaticon flaticon-left-arrow"></i>','<i class="Flaticon flaticon-right-arrow"></i>'],
288nav:true,
289dots:false,
290// autoplayHoverPause: true,
291// autoplaySpeed: 800,
292  responsive:{
293      0:{
294          items:1,
295          nav:false
296
297      },
298      767:{
299          items:1,
300          nav:false
301      },
302      992:{
303          items:2,
304          nav:false
305      },
306      1200:{
307          items:1,
308      },
309      1501:{
310          items:2,
311      }
312  }
313});
314
315if (document.getElementById('default-select')) {
316  $('select').niceSelect();
317}
318
319  //about-pro-active
320$('.details_active').owlCarousel({
321  loop:true,
322  margin:0,
323items:1,
324// autoplay:true,
325navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
326nav:true,
327dots:false,
328// autoplayHoverPause: true,
329// autoplaySpeed: 800,
330  responsive:{
331      0:{
332          items:1,
333          nav:false
334
335      },
336      767:{
337          items:1,
338          nav:false
339      },
340      992:{
341          items:1,
342          nav:false
343      },
344      1200:{
345          items:1,
346      }
347  }
348});
349
350});
351
352// resitration_Form
353$(document).ready(function() {
354	$('.popup-with-form').magnificPopup({
355		type: 'inline',
356		preloader: false,
357		focus: '#name',
358
359		// When elemened is focused, some mobile browsers in some cases zoom in
360		// It looks not nice, so we disable it:
361		callbacks: {
362			beforeOpen: function() {
363				if($(window).width() < 700) {
364					this.st.focus = false;
365				} else {
366					this.st.focus = '#name';
367				}
368			}
369		}
370  });
371  var wow = new WOW(
372    {
373      boxClass:     'wow',      // animated element css class (default is wow)
374      animateClass: 'animated', // animation css class (default is animated)
375      offset:       0,          // distance to the element when triggering the animation (default is 0)
376      mobile:       true,       // trigger animations on mobile devices (default is true)
377      live:         true,       // act on asynchronously loaded content (default is true)
378      callback:     function(box) {
379        // the callback is fired every time an animation is started
380        // the argument that is passed in is the DOM node being animated
381      },
382      scrollContainer: null,    // optional scroll container selector, otherwise use window,
383      resetAnimation: true,     // reset animation on end (default is true)
384    }
385  );
386  wow.init();
387});
388
389
390
391//------- Mailchimp js --------//  
392function mailChimp() {
393  $('#mc_embed_signup').find('form').ajaxChimp();
394}
395mailChimp();
396
397
398
399        // Search Toggle
400        $("#search_input_box").hide();
401        $("#search").on("click", function () {
402            $("#search_input_box").slideToggle();
403            $("#search_input").focus();
404        });
405        $("#close_search").on("click", function () {
406            $('#search_input_box').slideUp(500);
407        });
408        // Search Toggle
409        $("#search_input_box").hide();
410        $("#search_1").on("click", function () {
411            $("#search_input_box").slideToggle();
412            $("#search_input").focus();
413        });
414
415})(jQuery);