https://www.geneticmedjournal.com/public/journals/js/script.js

1/*jshint jquery:true */
2
3$(document).ready(function($) {
4	"use strict";
5
6	/* global google: false */
7	/*jshint -W018 */
8
9	/*-------------------------------------------------*/
10	/* =  portfolio isotope
11	/*-------------------------------------------------*/
12
13	var winDow = $(window);
14		// Needed variables
15		var $container=$('.iso-call');
16		var $filter=$('.filter');
17
18		try{
19			$container.imagesLoaded( function(){
20				// init
21				winDow.trigger('resize');
22				$container.isotope({
23					filter:'*',
24					layoutMode:'masonry',
25					itemSelector: '.iso-call > div',
26					masonry: {
27					    columnWidth: '.default-size'
28					},
29					animationOptions:{
30						duration:750,
31						easing:'linear'
32					}
33				});
34			});
35		} catch(err) {
36		}
37
38		winDow.on('resize', function(){
39			var selector = $filter.find('a.active').attr('data-filter');
40
41			try {
42				$container.isotope({ 
43					filter	: selector,
44					animationOptions: {
45						duration: 750,
46						easing	: 'linear',
47						queue	: false,
48					}
49				});
50			} catch(err) {
51			}
52			return false;
53		});
54		
55		// Isotope Filter 
56		$filter.find('a').on('click', function(){
57			var selector = $(this).attr('data-filter');
58
59			try {
60				$container.isotope({ 
61					filter	: selector,
62					animationOptions: {
63						duration: 750,
64						easing	: 'linear',
65						queue	: false,
66					}
67				});
68			} catch(err) {
69
70			}
71			return false;
72		});
73
74
75	var filterItemA	= $('.filter li a');
76
77		filterItemA.on('click', function(){
78			var $this = $(this);
79			if ( !$this.hasClass('active')) {
80				filterItemA.removeClass('active');
81				$this.addClass('active');
82			}
83		});
84
85	$('#container').addClass('active');
86	$('.iso-call').css('opacity', 0);
87	$('.iso-call').imagesLoaded( function(){
88		$('.iso-call').css('opacity', 1);
89	});
90	
91	/*-------------------------------------------------*/
92	/* = ticker news
93	/*-------------------------------------------------*/
94
95	try{		
96		$('#js-news').ticker({
97			speed: 0.20,			// The speed of the reveal
98			controls: true,			// Whether or not to show the jQuery News Ticker controls
99			titleText: '',	// To remove the title set this to an empty String
100			displayType: 'reveal',	// Animation type - current options are 'reveal' or 'fade'
101			direction: 'ltr',		// Ticker direction - current options are 'ltr' or 'rtl'
102			pauseOnItems: 2000,		// The pause on a news item before being replaced
103			fadeInSpeed: 600,		// Speed of fade in animation
104			fadeOutSpeed: 300		// Speed of fade out animation
105		});
106	} catch(err) {
107	}
108
109	/*-------------------------------------------------*/
110	/* =  OWL carousell - featured post, video post, gallery posts
111	/*-------------------------------------------------*/
112	try {
113		var owlWrap = $('.owl-wrapper');
114
115		if (owlWrap.length > 0) {
116
117			if (jQuery().owlCarousel) {
118				owlWrap.each(function(){
119
120					var carousel= $(this).find('.owl-carousel'),
121						dataNum = $(this).find('.owl-carousel').attr('data-num'),
122						dataNum2,
123						dataNum3;
124
125					if ( dataNum == 1 ) {
126						dataNum2 = 1;
127						dataNum3 = 1;
128					} else if ( dataNum == 2 ) {
129						dataNum2 = 2;
130						dataNum3 = dataNum - 1;
131					} else {
132						dataNum2 = dataNum - 1;
133						dataNum3 = dataNum - 2;
134					}
135
136					carousel.owlCarousel({
137						autoPlay: 10000,
138						navigation : true,
139						items : dataNum,
140						itemsDesktop : [1199,dataNum2],
141						itemsDesktopSmall : [979,dataNum3]
142					});
143
144				});
145			}
146		}
147
148	} catch(err) {
149
150	}
151	
152	/*-------------------------------------------------*/
153	/* = bxslider 
154	/*-------------------------------------------------*/
155
156	try {	
157		$('.bxslider').bxSlider({
158			mode: 'fade',
159			auto: true
160		});
161
162		$('.big-bxslider').bxSlider({
163			mode: 'horizontal',
164			auto: true
165		});
166
167		$('.slider-call').bxSlider({
168			pagerCustom: '#bx-pager'
169		});
170
171		$('.slider-call2').bxSlider({
172			pagerCustom: '#bx-pager2'
173		});
174
175
176	} catch(err) {
177	}
178
179	/* ---------------------------------------------------------------------- */
180	/*	magnific-popup
181	/* ---------------------------------------------------------------------- */
182
183	try {
184		// Example with multiple objects
185		$('.zoom').magnificPopup({
186			type: 'image',
187			gallery: {
188				enabled: true
189			}
190		});
191
192	} catch(err) {
193
194	}
195
196	try {
197		// Example with multiple objects
198		$('.video-link').magnificPopup({
199			type: 'iframe'
200		});
201	} catch(err) {
202
203	}
204
205	try {
206		var magnLink = $('.log-in-popup');
207		magnLink.magnificPopup({
208			closeBtnInside:true
209		});
210	} catch(err) {
211
212	}
213	
214	/*-------------------------------------------------*/
215	/* =  comming soon & error height fix
216	/*-------------------------------------------------*/
217	
218	/*$('.error-section, .comming-soon-section').css('min-height', $(window).height() - $('.navbar-default').height());*/
219
220	try {
221
222		$('#clock').countdown("2016/04/29", function(event) {
223			var $this = $(this);
224			switch(event.type) {
225				case "seconds":
226				case "minutes":
227				case "hours":
228				case "days":
229				case "daysLeft":
230					$this.find('span#'+event.type).html(event.value);
231					break;
232				case "finished":
233					$this.hide();
234					break;
235			}
236		});
237
238	} catch(err) {
239
240	}
241
242	/*-------------------------------------------------*/
243	/* = skills animate
244	/*-------------------------------------------------*/
245
246	try{
247
248		var skillBar = $('.review-box');
249		skillBar.appear(function() {
250
251			var animateElement = $(".meter > p");
252			animateElement.each(function() {
253				$(this)
254					.data("origWidth", $(this).width())
255					.width(0)
256					.animate({
257						width: $(this).data("origWidth")
258					}, 1200);
259			});
260
261		});
262	} catch(err) {
263	}
264	
265	/* ---------------------------------------------------------------------- */
266	/*	register login forms
267	/* ---------------------------------------------------------------------- */
268	
269	$('.register-line a').on('click', function(event){
270		event.preventDefault();
271		$('form.login-form').slideUp(400);
272		$('form.register-form').slideDown(400);
273	});
274	
275	$('a.lost-password').on('click', function(event){
276		event.preventDefault();
277		$('form.login-form').slideUp(400);
278		$('form.lost-password-form').slideDown(400);
279	});
280	
281	$('.login-line a').on('click', function(){
282		console.log("clicked");
283		$('form.lost-password-form').slideUp(400);
284		$('form.register-form').slideUp(400);
285		$('form.login-form').slideDown(400);
286	});
287
288	/* ---------------------------------------------------------------------- */
289	/*	Contact Map
290	/* ---------------------------------------------------------------------- */
291
292	var contact = {"lat":"-38.3945495", "lon":"144.9187974"}; //Change a map coordinate here!-38.3945495,144.9187974
293
294	try {
295		var mapContainer = $('#map');
296		mapContainer.gmap3({
297			action: 'addMarker',
298			marker:{
299				options:{
300					icon : new google.maps.MarkerImage('images/marker.png')
301				}
302			},
303			latLng: [contact.lat, contact.lon],
304			map:{
305				center: [contact.lat, contact.lon],
306				zoom: 10
307				},
308			},
309			{action: 'setOptions', args:[{scrollwheel:false}]}
310		);
311	} catch(err) {
312
313	}
314
315	/* ---------------------------------------------------------------------- */
316	/*	Header animate after scroll
317	/* ---------------------------------------------------------------------- */
318
319	(function() {
320
321		var docElem = document.documentElement,
322			didScroll = false,
323			changeHeaderOn = 300;
324			document.querySelector( 'header' );

325		function init() {
326			window.addEventListener( 'scroll', function() {
327				if( !didScroll ) {
328					didScroll = true;
329					setTimeout( scrollPage, 100 );
330				}
331			}, false );
332		}
333		
334		function scrollPage() {
335			var sy = scrollY();
336			if ( sy >= changeHeaderOn ) {
337				$( 'header' ).addClass('active');
338			}
339			else {
340				$( 'header' ).removeClass('active');
341			}
342			didScroll = false;
343		}
344		
345		function scrollY() {
346			return window.pageYOffset || docElem.scrollTop;
347		}
348		
349		init();
350		
351	})();
352
353});