https://thanhgiong.vn/themes/hotmagazine/js/script.js?v=1790321248

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		$('.bxslider-header').bxSlider({
178			mode: 'fade',
179			controls: false,
180			auto: true,
181		});
182
183		$('.big-bxslider').bxSlider({
184			mode: 'horizontal',
185			auto: true
186		});
187
188		$('.slider-call').bxSlider({
189			pagerCustom: '#bx-pager'
190		});
191
192		$('.slider-call2').bxSlider({
193			pagerCustom: '#bx-pager2'
194		});
195
196
197	} catch(err) {
198	}
199
200	/* ---------------------------------------------------------------------- */
201	/*	magnific-popup
202	/* ---------------------------------------------------------------------- */
203
204	try {
205		// Example with multiple objects
206		$('.zoom').magnificPopup({
207			type: 'image',
208			gallery: {
209				enabled: true
210			}
211		});
212
213	} catch(err) {
214
215	}
216
217	try {
218		// Example with multiple objects
219		$('.video-link').magnificPopup({
220			type: 'iframe'
221		});
222	} catch(err) {
223
224	}
225
226	try {
227		var magnLink = $('.log-in-popup');
228		magnLink.magnificPopup({
229			closeBtnInside:true
230		});
231	} catch(err) {
232
233	}
234	
235	/*-------------------------------------------------*/
236	/* =  comming soon & error height fix
237	/*-------------------------------------------------*/
238	
239	try {
240
241		$('#clock').countdown("2016/04/29", function(event) {
242			var $this = $(this);
243			switch(event.type) {
244				case "seconds":

245				case "minutes":
246				case "hours":
247				case "days":
248				case "daysLeft":
249					$this.find('span#'+event.type).html(event.value);
250					break;
251				case "finished":
252					$this.hide();
253					break;
254			}
255		});
256
257	} catch(err) {
258
259	}
260
261	/*-------------------------------------------------*/
262	/* = skills animate
263	/*-------------------------------------------------*/
264
265	try{
266
267		var skillBar = $('.review-box');
268		skillBar.appear(function() {
269
270			var animateElement = $(".meter > p");
271			animateElement.each(function() {
272				$(this)
273					.data("origWidth", $(this).width())
274					.width(0)
275					.animate({
276						width: $(this).data("origWidth")
277					}, 1200);
278			});
279
280		});
281	} catch(err) {
282	}
283	
284	/* ---------------------------------------------------------------------- */
285	/*	register login forms
286	/* ---------------------------------------------------------------------- */
287	
288	$('.register-line a').on('click', function(event){
289		event.preventDefault();
290		$('form.login-form').slideUp(400);
291		$('form.register-form').slideDown(400);
292	});
293	
294	$('a.lost-password').on('click', function(event){
295		event.preventDefault();
296		$('form.login-form').slideUp(400);
297		$('form.lost-password-form').slideDown(400);
298	});
299	
300	$('.login-line a').on('click', function(){
301		console.log("clicked");
302		$('form.lost-password-form').slideUp(400);
303		$('form.register-form').slideUp(400);
304		$('form.login-form').slideDown(400);
305	});
306
307	/* ---------------------------------------------------------------------- */
308	/*	Contact Map
309	/* ---------------------------------------------------------------------- */
310
311	var contact = {"lat":"-38.3945495", "lon":"144.9187974"}; //Change a map coordinate here!-38.3945495,144.9187974
312
313	try {
314		var mapContainer = $('#map');
315		mapContainer.gmap3({
316			action: 'addMarker',
317			marker:{
318				options:{
319					icon : new google.maps.MarkerImage('images/marker.png')
320				}
321			},
322			latLng: [contact.lat, contact.lon],
323			map:{
324				center: [contact.lat, contact.lon],
325				zoom: 10
326				},
327			},
328			{action: 'setOptions', args:[{scrollwheel:false}]}
329		);
330	} catch(err) {
331
332	}
333
334	/* ---------------------------------------------------------------------- */
335	/*	Header animate after scroll
336	/* ---------------------------------------------------------------------- */
337
338	(function() {
339
340		var docElem = document.documentElement,
341			didScroll = false,
342			changeHeaderOn = 300;
343			document.querySelector( 'header' );
344		function init() {
345			window.addEventListener( 'scroll', function() {
346				if( !didScroll ) {
347					didScroll = true;
348					setTimeout( scrollPage, 100 );
349				}
350			}, false );
351		}
352		
353		function scrollPage() {
354			var sy = scrollY();
355			if ( sy >= changeHeaderOn ) {
356				$( 'header' ).addClass('active');
357			}
358			else {
359				$( 'header' ).removeClass('active');
360			}
361			didScroll = false;
362		}
363		
364		function scrollY() {
365			return window.pageYOffset || docElem.scrollTop;
366		}
367		
368		init();
369		
370	})();
371
372});