https://camaraangelina.sc.gov.br/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	} catch(err) {
192	}
193
194	/* ---------------------------------------------------------------------- */
195	/*	magnific-popup
196	/* ---------------------------------------------------------------------- */
197
198	try {
199		// Example with multiple objects
200		$('.zoom').magnificPopup({
201			type: 'image',
202			gallery: {
203				enabled: true
204			}
205		});
206
207	} catch(err) {
208
209	}
210
211	try {
212		// Example with multiple objects
213		$('.video-link').magnificPopup({
214			type: 'iframe'
215		});
216	} catch(err) {
217
218	}
219
220	try {
221		var magnLink = $('.log-in-popup');
222		magnLink.magnificPopup({
223			closeBtnInside:true
224		});
225	} catch(err) {
226
227	}
228	
229	/*-------------------------------------------------*/
230	/* =  comming soon & error height fix
231	/*-------------------------------------------------*/
232	
233	try {
234
235		$('#clock').countdown("2016/04/29", function(event) {
236			var $this = $(this);
237			switch(event.type) {
238				case "seconds":

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