https://unixfox.eu/js/scripts.js

1( function ($) {
2'use strict';
3jQuery(document).ready(function() {
4	
5	//Collapse navigation on click (Bootstrap 3 is missing it)
6	$('.nav a').on('click', function () {
7		$('#my-nav').removeClass('in').addClass('collapse');
8	});
9
10	// Minify the Nav Bar
11	$(document).scroll(function () {
12		var position = $(document).scrollTop();
13		var headerHeight = $('#header').outerHeight();
14		if (position >= headerHeight - 100){
15				$('.navbar').addClass('minified');
16		} else {
17				$('.navbar').removeClass('minified');
18		}
19
20
21		// Parallax effect on #Header
22		$(".banner .container").css({
23			'opacity' : (1 - position/500)
24		});
25
26
27		// Show "Back to Top" button
28		if (position >= headerHeight - 100){
29			$('.scrolltotop').addClass('show-to-top');
30		} else {
31			$('.scrolltotop').removeClass('show-to-top');
32		}
33
34	});
35
36
37	// Nice scroll to DIVs
38	$('.navbar-nav li a').click(function(evt){
39		var place = $(this).attr('href');
40		$('html, body').animate({
41			scrollTop: $(place).offset().top
42			}, 1200, 'easeInOutCubic');
43		pde(evt);
44	});
45
46
47	// Scroll down from Header
48	$('#header p a').click(function(evt) {
49		var place = $(this).attr('href');
50		$('html, body').animate({scrollTop: $(place).offset().top}, 1200, 'easeInOutCubic');
51		pde(evt);
52	});
53
54
55	// Scroll on Top
56	$('.scrolltotop, .navbar-brand').click(function(evt) {
57		$('html, body').animate({scrollTop: '0'}, 1200, 'easeInOutCubic');
58		pde(evt);
59	});
60
61	
62	
63	//mesonary service block
64	var container = document.querySelector('#our-service-container');
65	var msnry = new Masonry( container, {
66	// options
67	itemSelector: '.our-service'
68	});
69	
70
71	//time line scrollbar
72	$('#default').perfectScrollbar({wheelPropagation:true});
73
74	//Count numbers
75	(function(g){
76	g.fn.countUp=function(k){
77		var m=parseInt(g(this).text(),10),l,o=g(this);
78		function n(){m++;o.text(m.toString());l=setTimeout(n,k)}l=setTimeout(n,k)};g(document).ready(function(){g("#hours").countUp(3000);g("#twitter-follo").countUp(1500);g("#psd").countUp(2000);});})(jQuery);
79	
80	// Portfolio filterable grid
81	jQuery('#portfolio-grid').mixitup({
82		targetSelector: '.portfolio-mix',
83	});
84	
85	//client slider
86	$("#clients-slider").flexisel({
87		 visibleItems: 5,
88        enableResponsiveBreakpoints: true,//responsive layout
89		autoPlay : true,//auto play
90		clone : true,
91        responsiveBreakpoints: { 
92            portrait: { 
93                changePoint:480,//resolution change point
94                visibleItems: 1//visible item
95            }, 
96            landscape: { 
97                changePoint:640,//resolution change point
98                visibleItems: 3//visible item
99            },
100            tablet: { 
101                changePoint:768,//resolution change point
102                visibleItems: 3//visible item
103            }
104        }
105    });
106
107   
108	// Testimonial slider
109	jQuery(function() {
110		jQuery('#da-slider').cslider({
111			bgincrement	: 0
112		});
113	});	
114	
115	//show hide portfolio category
116	$('#showhidetarget').hide();
117        $('a#showhidetrigger').click(function () {
118		$('#showhidetarget').toggle(400);
119    });
120	
121	//Function to prevent Default Events
122	function pde(e){
123		if(e.preventDefault)
124			e.preventDefault();
125		else
126			e.returnValue = false;
127	}
128	
129});
130
131//Window load function
132$(window).load(function() {
133	//preloader
134	$("#status").fadeOut();
135	$("#preloader").delay(350).fadeOut("slow");
136	
137	// Animate the header components
138	$(window).load(function () {
139		jQuery('#header-photo').delay( 100 ).animate({opacity: '1', 'margin-top' : '0'}, 1000, 'easeInOutCubic', function() {
140			jQuery('#header h1').delay( -200 ).animate({opacity: '1', 'padding-top': '0'}, 600, 'easeInOutCubic', function() {
141				jQuery('#header p').animate({opacity: '1'}, 400, 'easeInOutCubic');
142			});
143		});
144	});
145	
146	//process slider
147	$("#process-slider").flexslider({
148	controlsContainer:"#process-steps",
149	directionNav:!1,
150	manualControls:"#process-steps .icon",
151	pauseOnAction:!0,
152	slideshow:!1,
153	useCSS:!1})
154});
155  
156
157//banner list ticker
158$(document).ready(function(){
159$("ul#aboutme").list_ticker({speed:5000,effect:"fade"})
160});
161(function($){$.fn.list_ticker=function(options){var defaults={speed:5000,effect:"fade"};var options=$.extend(defaults,options);return this.each(function(){var obj=$(this);var list=obj.children();list.not(":first").hide();setInterval(function(){list=obj.children();list.not(":first").hide();var first_li=list.eq(0);var second_li=list.eq(1);if(options.effect=="fade")first_li.fadeOut(function(){second_li.fadeIn();first_li.remove().appendTo(obj)})},options.speed)})}})(jQuery);
162//end
163
164//header Parallax image
165(function($){
166	 var Picture = (function(){
167		 var parent = {};
168		 var _window,_picture;
169		 parent.init = function(){
170			_window = $(window);
171			_picture = $(".picture");
172			parent.delegate();
173		}
174		parent.delegate = function(){
175			_window.on("scroll",parent.scrollPos);
176			_window.on("resize",parent.scrollPos);
177		}
178		parent.scrollPos = function(){
179			if($(window).width()>754){
180				var scroll = Math.max(0,_window.scrollTop()-200);
181				scroll = Math.min(1,scroll/($(window).height()-200));
182				scroll = 1 - scroll;
183				_picture.css({
184					backgroundPosition: "50% "+(scroll*100)+"%"
185				});
186			}else{
187				_picture.css("background-position","");
188			}
189		}
190		return parent;
191	})();
192	$(document).ready(Picture.init);
193	})(jQuery)
194//end	.
195
196//post slider initialization
197jQuery(document).ready(function($){$('#post-slider').carousel({slider:'.slider',slide:'.slide',addPagination:false,addNav:false,speed:800,nextSlide:'.post-next',prevSlide:'.post-prev'});});(jQuery);
198	
199//portfolio project slider initialization
200jQuery(document).ready(function($){$('.project-slider').carousel({slider:'.slider',slide:'.slide',addPagination:false,addNav:false,speed:800,nextSlide:'.project-next',prevSlide:'.project-prev'});});(jQuery);
201
202//team slider initialization
203jQuery(document).ready(function($){$('#team-slider').carousel({slider:'.slider',slide:'.slide',addPagination:false,addNav:false,speed:800,nextSlide:'.team-next',prevSlide:'.team-prev'});});(jQuery);
204
205//portfolio detail 
206(function ($) {
207    "use strict";

208    /*Magnific-popup*/
209    $('.folio').each(function(){
210    	$(this).magnificPopup({
211	        items: [{
212	            src: '#href' + $(this).attr("href"),
213	            type: 'inline'
214	        }],
215	        gallery: {
216	            enabled: true
217	        },
218	        mainClass: 'mfp-fade',
219	        removalDelay: 300,
220	        type: 'image',
221			fixedContentPos:false
222	    });
223    });
224	$('.closePopup').click(function() {
225    	$.magnificPopup.instance.close();
226	});
227	$.fn.getMaginificPopup = function (itemNum, direction) {
228		var max = 8;
229		var min = 1;
230		switch (direction) {
231		case 'next':
232			if(itemNum != max){
233				itemNum ++;
234			}else{
235				itemNum = min;
236			}
237			break;
238		case 'previous':
239			if(itemNum != min){
240				itemNum --;
241			}else{
242				itemNum = max;
243			}
244			break;	
245
246		default:
247			break;
248		}
249    	$.magnificPopup.instance.close();
250    	setTimeout(function(){$('[href=' + itemNum + ']').click();},400);
251	};
252})(jQuery);
253 
254 //placeholder support
255 $(function() {
256	// Invoke the plugin
257	$('input, textarea').placeholder();
258});
259			
260}( jQuery ));