https://www.oncohemato.be/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	$('a.toogle-box').on('click', function(event){
96		event.preventDefault();
97		if(!$(this).hasClass('active')) {
98			$(this).addClass('active');
99			$('div.versions-box-choose').addClass('closed');
100		} else {
101			$(this).removeClass('active');
102			$('div.versions-box-choose').removeClass('closed');
103		}
104	});
105
106	/*-------------------------------------------------*/
107	/* = ticker news
108	/*-------------------------------------------------*/
109
110	try{		
111		$('#js-news').ticker({
112			speed: 0.20,			// The speed of the reveal
113			controls: true,			// Whether or not to show the jQuery News Ticker controls
114			titleText: '',	// To remove the title set this to an empty String
115			displayType: 'reveal',	// Animation type - current options are 'reveal' or 'fade'
116			direction: 'ltr',		// Ticker direction - current options are 'ltr' or 'rtl'
117			pauseOnItems: 2000,		// The pause on a news item before being replaced
118			fadeInSpeed: 600,		// Speed of fade in animation
119			fadeOutSpeed: 300		// Speed of fade out animation
120		});
121	} catch(err) {
122	}
123
124	/*-------------------------------------------------*/
125	/* =  OWL carousell - featured post, video post, gallery posts
126	/*-------------------------------------------------*/
127	try {
128		var owlWrap = $('.owl-wrapper');
129
130		if (owlWrap.length > 0) {
131
132			if (jQuery().owlCarousel) {
133				owlWrap.each(function(){
134
135					var carousel= $(this).find('.owl-carousel'),
136						dataNum = $(this).find('.owl-carousel').attr('data-num'),
137						dataNum2,
138						dataNum3;
139
140					if ( dataNum == 1 ) {
141						dataNum2 = 1;
142						dataNum3 = 1;
143					} else if ( dataNum == 2 ) {
144						dataNum2 = 2;
145						dataNum3 = dataNum - 1;
146					} else {
147						dataNum2 = dataNum - 1;
148						dataNum3 = dataNum - 2;
149					}
150
151					carousel.owlCarousel({
152						autoPlay: 10000,
153						navigation : true,
154						items : dataNum,
155						itemsDesktop : [1199,dataNum2],
156						itemsDesktopSmall : [979,dataNum3]
157					});
158
159				});
160			}
161		}
162
163	} catch(err) {
164
165	}
166	
167	/*-------------------------------------------------*/
168	/* = bxslider 
169	/*-------------------------------------------------*/
170
171	try {	
172		$('.bxslider').bxSlider({
173			mode: 'fade',
174			auto: true
175		});
176
177		$('.big-bxslider').bxSlider({
178			mode: 'horizontal',
179			auto: true
180		});
181
182		$('.slider-call').bxSlider({
183			pagerCustom: '#bx-pager'
184		});
185
186		$('.slider-call2').bxSlider({
187			pagerCustom: '#bx-pager2'
188		});
189		
190		/*
191		$('.main-slider').bxSlider({
192			mode: 'fade',
193			auto: true,
194			nextSelector: '#slider-next',
195			prevSelector: '#slider-prev',
196			nextText: '<i class="fa fa-angle-right"></i>',
197			prevText: '<i class="fa fa-angle-left"></i>'
198		});
199		*/
200
201
202	} catch(err) {
203	}
204
205	/* ---------------------------------------------------------------------- */
206	/*	magnific-popup
207	/* ---------------------------------------------------------------------- */
208
209	try {
210		// Example with multiple objects
211		$('.zoom').magnificPopup({
212			type: 'image',
213			gallery: {
214				enabled: true
215			}
216		});
217
218	} catch(err) {
219
220	}
221
222	try {
223		// Example with multiple objects

224		/*$('.video-link').magnificPopup({
225			type: 'iframe'
226		});*/
227	} catch(err) {
228
229	}
230
231	try {
232		var magnLink = $('.log-in-popup');
233		magnLink.magnificPopup({
234			type: 'iframe',
235			iframe: {
236				patterns: {
237					braintop: {
238						index: 'rmndashboard.braintop.be',
239						id: function(url) {
240							url = url.replace('https://rmndashboard.braintop.be/', '');
241							return url;
242						},
243						src: 'https://rmndashboard.braintop.be/%id%'
244					}
245				}
246			},
247			closeBtnInside:true
248		});
249	} catch(err) {
250
251	}
252	
253	
254		
255	
256	/*-------------------------------------------------*/
257	/* =  comming soon & error height fix
258	/*-------------------------------------------------*/
259	
260	try {
261
262		$('#clock').countdown("2016/04/29", function(event) {
263			var $this = $(this);
264			switch(event.type) {
265				case "seconds":
266				case "minutes":
267				case "hours":
268				case "days":
269				case "daysLeft":
270					$this.find('span#'+event.type).html(event.value);
271					break;
272				case "finished":
273					$this.hide();
274					break;
275			}
276		});
277
278	} catch(err) {
279
280	}
281
282	/*-------------------------------------------------*/
283	/* = skills animate
284	/*-------------------------------------------------*/
285
286	try{
287
288		var skillBar = $('.review-box');
289		skillBar.appear(function() {
290
291			var animateElement = $(".meter > p");
292			animateElement.each(function() {
293				$(this)
294					.data("origWidth", $(this).width())
295					.width(0)
296					.animate({
297						width: $(this).data("origWidth")
298					}, 1200);
299			});
300
301		});
302	} catch(err) {
303	}
304	
305	/* ---------------------------------------------------------------------- */
306	/*	register login forms
307	/* ---------------------------------------------------------------------- */
308	
309	$('.register-line a').on('click', function(event){
310		event.preventDefault();
311		$('form.login-form').slideUp(400);
312		$('form.register-form').slideDown(400);
313	});
314	
315	$('a.lost-password').on('click', function(event){
316		event.preventDefault();
317		$('form.login-form').slideUp(400);
318		$('form.lost-password-form').slideDown(400);
319	});
320	
321	$('.login-line a').on('click', function(){
322		console.log("clicked");
323		$('form.lost-password-form').slideUp(400);
324		$('form.register-form').slideUp(400);
325		$('form.login-form').slideDown(400);
326	});
327
328	/* ---------------------------------------------------------------------- */
329	/*	Contact Map
330	/* ---------------------------------------------------------------------- */
331
332	var contact = {"lat":"-38.3945495", "lon":"144.9187974"}; //Change a map coordinate here!-38.3945495,144.9187974
333
334	try {
335		var mapContainer = $('#map');
336		mapContainer.gmap3({
337			action: 'addMarker',
338			marker:{
339				options:{
340					icon : new google.maps.MarkerImage('images/marker.png')
341				}
342			},
343			latLng: [contact.lat, contact.lon],
344			map:{
345				center: [contact.lat, contact.lon],
346				zoom: 10
347				},
348			},
349			{action: 'setOptions', args:[{scrollwheel:false}]}
350		);
351	} catch(err) {
352
353	}
354
355	/* ---------------------------------------------------------------------- */
356	/*	Header animate after scroll
357	/* ---------------------------------------------------------------------- */
358
359	(function() {
360
361		var docElem = document.documentElement,
362			didScroll = false,
363			changeHeaderOn = 300;
364			document.querySelector( 'header' );
365		function init() {
366			window.addEventListener( 'scroll', function() {
367				if( !didScroll ) {
368					didScroll = true;
369					setTimeout( scrollPage, 100 );
370				}
371			}, false );
372		}
373		
374		function scrollPage() {
375            if(/Mobile/i.test(navigator.userAgent) && !/ipad/i.test(navigator.userAgent) ){
376                // Take the user to a different screen here.
377
378            } else {
379				var sy = scrollY();
380
381				if ( sy >= changeHeaderOn ) {
382					$( 'header' ).addClass('active');
383				} else {
384			 		$( 'header' ).removeClass('active');
385				}
386
387				didScroll = false;
388			}
389		}
390		
391		function scrollY() {
392			return window.pageYOffset || docElem.scrollTop;
393		}
394		
395		init();
396		
397	})();
398
399});