https://www.izfas.com.tr/imagess/f20691/js/main.js

1(function($){
2	"use strict";
3
4	// Mean Menu
5	$('.mean-menu').meanmenu({
6		meanScreenWidth: "1199"
7	});
8
9	// Header Sticky
10	$(window).on('scroll',function() {
11		if ($(this).scrollTop() > 120){  
12			$('.navbar-area').addClass("is-sticky");
13		}
14		else{
15			$('.navbar-area').removeClass("is-sticky");
16		}
17	});
18
19	// Others Option For Responsive JS
20	$(".others-option-for-responsive .dot-menu").on("click", function(){
21		$(".others-option-for-responsive .container .container").toggleClass("active");
22	});
23
24	// Search Menu JS
25	$(".others-option .search-icon i").on("click", function(){
26		$(".search-overlay").toggleClass("search-overlay-active");
27	});
28	$(".search-overlay-close").on("click", function(){
29		$(".search-overlay").removeClass("search-overlay-active");
30	});
31
32	// Tooltip
33	var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
34	var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
35		return new bootstrap.Tooltip(tooltipTriggerEl)
36	});
37
38	// Popup Image
39	$('.popup-image').magnificPopup({
40		type: 'image',
41		gallery:{
42			enabled:true
43		}
44	});
45
46	// Popup Video
47	$('.popup-video').magnificPopup({
48		disableOn: 320,
49		type: 'iframe',
50		mainClass: 'mfp-fade',
51		removalDelay: 160,
52		preloader: false,
53		fixedContentPos: false
54	});
55
56	// Odometer JS
57	$('.odometer').appear(function(e) {
58		var odo = $(".odometer");
59		odo.each(function() {
60			var countNumber = $(this).attr("data-count");
61			$(this).html(countNumber);
62		});
63	});
64
65	// Startup Works Slides
66	var carouselEl = $('.startup-works-slides');
67	carouselEl.owlCarousel({
68		items: 1,
69		loop: true,
70		margin: 30,
71		nav: false,
72		dots: false,
73		autoplay: true,
74		autoplayHoverPause: true,
75		navText: [
76			"<i class='flaticon-left-arrow'></i>",
77			"<i class='flaticon-right-arrow'></i>"
78		]
79	});
80	$(".custom-owl-prev").click(function() {
81        carouselEl.trigger('next.owl.carousel');
82    });
83    $(".custom-owl-next").click(function() {
84        carouselEl.trigger('prev.owl.carousel');
85	});
86	
87	// Furniture Banner Slides
88	$('.furniture-banner-slides').owlCarousel({
89		items: 1,
90		nav: false,
91		loop: true,
92		margin: 30,
93		dots: true,
94		autoplay: true,
95		animateIn: 'fadeIn',
96		animateOut: 'fadeOut',
97		autoplayHoverPause: true,
98		navText: [
99			"<i class='flaticon-left-arrow'></i>",
100			"<i class='flaticon-right-arrow'></i>"
101		]
102	});
103	
104	// Testimonials Slides
105	$('.testimonials-slides').owlCarousel({
106		items: 1,
107		nav: true,
108		loop: true,
109		margin: 30,
110		dots: false,
111		autoplay: true,
112		animateIn: 'fadeIn',
113		animateOut: 'fadeOut',
114		autoplayHoverPause: true,
115		navText: [
116			"<i class='flaticon-left-arrow'></i>",
117			"<i class='flaticon-right-arrow'></i>"
118		]
119	});
120	
121	// Startup Testimonials Slides
122	$('.startup-testimonials-slides').owlCarousel({
123		items: 1,
124		nav: true,
125		loop: true,
126		margin: 30,
127		dots: false,
128		autoplay: true,
129		animateIn: 'fadeIn',
130		animateOut: 'fadeOut',
131		autoplayHoverPause: true,
132		navText: [
133			"<i class='flaticon-left-arrow'></i>",
134			"<i class='flaticon-right-arrow'></i>"
135		]
136	});
137
138	// Saas Testimonials Slides
139	$('.saas-testimonials-slides').owlCarousel({
140		nav: true,
141		loop: true,
142		margin: 30,
143		dots: false,
144		autoplay: true,
145		autoplayHoverPause: true,
146		navText: [
147			"<i class='flaticon-left-arrow'></i>",
148			"<i class='flaticon-right-arrow'></i>"
149		],
150		responsive: {
151			0: {
152				items: 1
153			},
154			576: {
155				items: 1
156			},
157			768: {
158				items: 2
159			},
160			992: {
161				items: 2
162			}
163		}
164	});
165
166	// Partner Slides
167	$('.partner-slides').owlCarousel({
168		nav: false,
169		loop: true,
170		margin: 30,
171		dots: false,
172		autoplay: true,
173		autoplayHoverPause: true,
174		navText: [
175			"<i class='flaticon-left-arrow'></i>",
176			"<i class='flaticon-right-arrow'></i>"
177		],
178		responsive: {
179			0: {
180				items: 2
181			},
182			576: {
183				items: 3
184			},
185			768: {
186				items: 4
187			},
188			992: {
189				items: 5
190			},
191			1200: {
192				items: 6
193			}
194		}
195	});
196
197	// Screenshot Slides
198	$('.screenshot-slides').owlCarousel({
199		nav: true,
200		loop: true,
201		dots: false,
202		center: true,
203		autoplay: true,
204		autoplayHoverPause: true,
205		navText: [
206			"<i class='flaticon-left-arrow'></i>",
207			"<i class='flaticon-right-arrow'></i>"
208		],
209		responsive: {
210			0: {
211				items: 1
212			},
213			576: {
214				items: 2
215			},
216			768: {
217				items: 3
218			},
219			992: {
220				items: 5
221			}
222		}
223	});
224
225	// MixItUp Shorting
226	$(function(){
227		$('.shorting').mixItUp();
228	});
229	
230	// Marketing Testimonials Slides
231	$('.marketing-testimonials-slides').owlCarousel({
232		items: 1,
233		nav: true,
234		loop: true,
235		margin: 30,
236		dots: false,
237		autoplay: true,
238		animateIn: 'fadeIn',
239		animateOut: 'fadeOut',
240		autoplayHoverPause: true,
241		navText: [
242			"<i class='flaticon-left-arrow'></i>",
243			"<i class='flaticon-right-arrow'></i>"
244		]
245	});
246
247	// Categories Slides
248	$('.categories-slides').owlCarousel({
249		nav: true,
250		loop: true,
251		margin: 30,
252		dots: false,
253		autoplay: true,
254		autoplayHoverPause: true,
255		navText: [
256			"<i class='flaticon-left-arrow'></i>",
257			"<i class='flaticon-right-arrow'></i>"
258		],
259		responsive: {
260			0: {
261				items: 1
262			},
263			576: {
264				items: 2
265			},
266			768: {
267				items: 2
268			},
269			992: {
270				items: 4
271			}
272		}
273	});
274
275	// Instagram Slides
276	$('.instagram-slides').owlCarousel({
277		nav: false,
278		loop: true,
279		dots: false,
280		autoplay: true,
281		autoplayHoverPause: true,
282		navText: [
283			"<i class='flaticon-left-arrow'></i>",
284			"<i class='flaticon-right-arrow'></i>"
285		],
286		responsive: {
287			0: {
288				items: 2
289			},
290			576: {
291				items: 3
292			},
293			768: {
294				items: 5
295			},
296			992: {
297				items: 8
298			}
299		}
300	});
301
302	// Work Slides
303	$('.works-slides-style-one').owlCarousel({
304		nav: true,
305		loop: true,
306		margin: 30,
307		dots: false,
308		autoplay: true,
309		autoplayHoverPause: true,
310		navText: [
311			"<i class='flaticon-left-arrow'></i>",
312			"<i class='flaticon-right-arrow'></i>"
313		],
314		responsive: {
315			0: {
316				items: 1
317			},
318			576: {
319				items: 2
320			},
321			768: {
322				items: 2
323			},
324			992: {
325				items: 2
326			}
327		}
328	});
329	$('.works-slides-style-two').owlCarousel({
330		nav: true,
331		loop: true,
332		margin: 30,
333		dots: true,
334		autoplay: true,
335		autoplayHoverPause: true,
336		navText: [
337			"<i class='flaticon-left-arrow'></i>",
338			"<i class='flaticon-right-arrow'></i>"
339		],
340		responsive: {
341			0: {
342				items: 1
343			},
344			576: {
345				items: 2
346			},
347			768: {
348				items: 2
349			},
350			992: {
351				items: 3
352			}
353		}
354	});
355
356	// Portfolio Details Slides
357	$('.portfolio-details-slides').owlCarousel({
358		nav: true,
359		loop: true,
360		margin: 30,
361		dots: false,
362		autoplay: true,
363		autoplayHoverPause: true,
364		navText: [
365			"<i class='flaticon-left-arrow'></i>",
366			"<i class='flaticon-right-arrow'></i>"
367		],
368		responsive: {
369			0: {
370				items: 1
371			},
372			576: {
373				items: 2
374			},
375			768: {
376				items: 2
377			},
378			992: {
379				items: 2
380			}
381		}
382	});
383
384	// Parallax
385	$('.jarallax').jarallax({
386		speed: 0.5,
387		imgHeight: 768,
388		imgWidth: 1366,
389	});
390
391	// Input Plus & Minus Number JS
392	$('.input-counter').each(function() {
393		var spinner = jQuery(this),
394		input = spinner.find('input[type="text"]'),
395		btnUp = spinner.find('.plus-btn'),
396		btnDown = spinner.find('.minus-btn'),
397		min = input.attr('min'),
398		max = input.attr('max');
399		
400		btnUp.on('click', function() {
401			var oldValue = parseFloat(input.val());
402			if (oldValue >= max) {
403				var newVal = oldValue;
404			} else {
405				var newVal = oldValue + 1;
406			}
407			spinner.find("input").val(newVal);
408			spinner.find("input").trigger("change");
409		});
410		btnDown.on('click', function() {
411			var oldValue = parseFloat(input.val());
412			if (oldValue <= min) {
413				var newVal = oldValue;
414			} else {
415				var newVal = oldValue - 1;
416			}
417			spinner.find("input").val(newVal);
418			spinner.find("input").trigger("change");
419		});
420	});
421
422	// Price Range Slider
423	$(".js-range-of-price").ionRangeSlider({
424		type: "double",
425		drag_interval: true,
426		min_interval: null,
427		max_interval: null
428	});
429
430	// Show More Item
431	$('.showmore-box').showMoreItems({
432		startNum: 6,
433		afterNum: 3,
434		moreText: 'Load More',
435  		noMoreText: 'No More'
436	});
437	$('.showmore-box2').showMoreItems({
438		startNum: 6,
439		afterNum: 4,
440		moreText: 'Load More',
441  		noMoreText: 'No More'
442	});
443
444	// Count Time 
445	function makeTimer() {
446		var endTime = new Date("September 20, 2021 17:00:00 PDT");			
447		var endTime = (Date.parse(endTime)) / 1000;
448		var now = new Date();
449		var now = (Date.parse(now) / 1000);
450		var timeLeft = endTime - now;
451		var days = Math.floor(timeLeft / 86400); 
452		var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
453		var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
454		var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
455		if (hours < "10") { hours = "0" + hours; }
456		if (minutes < "10") { minutes = "0" + minutes; }
457		if (seconds < "10") { seconds = "0" + seconds; }
458		$("#days").html(days + "<span>Days</span>");
459		$("#hours").html(hours + "<span>Hours</span>");
460		$("#minutes").html(minutes + "<span>Minutes</span>");
461		$("#seconds").html(seconds + "<span>Seconds</span>");
462	}
463	setInterval(function() { makeTimer(); }, 0);
464
465	// Type Write
466	var TxtType = function(el, toRotate, period) {
467		this.toRotate = toRotate;
468		this.el = el;
469		this.loopNum = 0;
470		this.period = parseInt(period, 10) || 2000;
471		this.txt = '';
472		this.tick();
473		this.isDeleting = false;

474	};
475	TxtType.prototype.tick = function() {
476		var i = this.loopNum % this.toRotate.length;
477		var fullTxt = this.toRotate[i];
478		if (this.isDeleting) {
479			this.txt = fullTxt.substring(0, this.txt.length - 1);
480		} else {
481			this.txt = fullTxt.substring(0, this.txt.length + 1);
482		}
483		this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';
484		var that = this;
485		var delta = 200 - Math.random() * 100;
486		if (this.isDeleting) { delta /= 2; }
487		if (!this.isDeleting && this.txt === fullTxt) {
488			delta = this.period;
489			this.isDeleting = true;
490		} else if (this.isDeleting && this.txt === '') {
491			this.isDeleting = false;
492			this.loopNum++;
493			delta = 500;
494		}
495		setTimeout(function() {
496			that.tick();
497		}, delta);
498	};
499	window.onload = function() {
500		var elements = document.getElementsByClassName('typewrite');
501		for (var i=0; i<elements.length; i++) {
502			var toRotate = elements[i].getAttribute('data-type');
503			var period = elements[i].getAttribute('data-period');
504			if (toRotate) {
505			new TxtType(elements[i], JSON.parse(toRotate), period);
506			}
507		}
508		// INJECT CSS
509		var css = document.createElement("style");
510		css.type = "text/css";
511		css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #000000}";
512		document.body.appendChild(css);
513	};
514	
515	// Subscribe form
516	$(".newsletter-form").validator().on("submit", function (event) {
517		if (event.isDefaultPrevented()) {
518			// handle the invalid form...
519			formErrorSub();
520			submitMSGSub(false, "Please enter your email correctly.");
521		} else {
522			// everything looks good!
523			event.preventDefault();
524		}
525	});
526	function callbackFunction (resp) {
527		if (resp.result === "success") {
528			formSuccessSub();
529		}
530		else {
531			formErrorSub();
532		}
533	}
534	function formSuccessSub(){
535		$(".newsletter-form")[0].reset();
536		submitMSGSub(true, "Thank you for subscribing!");
537		setTimeout(function() {
538			$("#validator-newsletter").addClass('hide');
539		}, 4000)
540	}
541	function formErrorSub(){
542		$(".newsletter-form").addClass("animated shake");
543		setTimeout(function() {
544			$(".newsletter-form").removeClass("animated shake");
545		}, 1000)
546	}
547	function submitMSGSub(valid, msg){
548		if(valid){
549			var msgClasses = "validation-success";
550		} else {
551			var msgClasses = "validation-danger";
552		}
553		$("#validator-newsletter").removeClass().addClass(msgClasses).text(msg);
554	}
555	// AJAX MailChimp
556	$(".newsletter-form").ajaxChimp({
557		url: "https://envytheme.us20.list-manage.com/subscribe/post?u=60e1ffe2e8a68ce1204cd39a5&amp;id=42d6d188d9", // Your url MailChimp
558		callback: callbackFunction
559	});
560
561	// Go to Top
562	$(function(){
563		// Scroll Event
564		$(window).on('scroll', function(){
565			var scrolled = $(window).scrollTop();
566			if (scrolled > 600) $('.go-top').addClass('active');
567			if (scrolled < 600) $('.go-top').removeClass('active');
568		});  
569		// Click Event
570		$('.go-top').on('click', function() {
571			$("html, body").animate({ scrollTop: "0" },  500);
572		});
573	});
574
575}(jQuery));