desine/js/init.js

/*
 * Copyright (c) 2024 SRBThemes
 * Author: SRBThemes
 * This file is made for CURRENT TEMPLATE
*/


 $.fn.frenifyMoveCursorToEnd = function(){
	"use strict";
	this.focus();
	var $thisVal = this.val();
	this.val('').val($thisVal);
	return this;
};
var FrenifyTechWaveTime = new Date();

(function($){
  "use strict";
	
	
	
	var TechwaveSelectedCount = 0;
	
	var TechwaveFeedFilterLoading = false;
	var TechwaveModelFilterLoading = false;
	
	var TechwaveInputText = '';
	var TechwaveUserQuestion = '';
	
	
	var TechwaveUserMessageCount = 0;
  
  
	var FrenifyTechWave = {

		init: function(){
			this.marquee();
			this.tooltip();
			this.fontDialog();
			this.modelTabs();
			this.bookmark();
			this.contactForm();
			this.negativePrompt();
			this.imageGenerationSidebar();
			this.rangeSlider();
			this.quantity();
			this.selectModel();
			this.anchor();
			this.aiChatBot__chat();
			this.aiChatBotOptions();
			this.aiChatBotTextareaHeight();
			this.billingProgress();
			this.inputFileOnChange();
			this.optionsList();
			this.pricingTab();
			this.feedFilters();
			this.report();
			this.follow();
			this.copyLink();
			this.galleryIsotope();
			this.imageLightbox();
			this.like();
			this.accordion();
			this.search();
			this.animatedText();
			this.movingSubMenuForLeftPanel();
			this.panelResize();
			this.navBarItems();
			this.redetectFullScreen();
			this.fullSCreen();
			this.navSubMenu();
			this.imgToSVG();
			this.BgImg();
			this.popupMobile();
		},
		
		
		marquee: function(){
			$(".TickerNews .marquee").each(function(){
				var e = $(this);
				if(!e.hasClass('ready')){
					e.addClass('ready').marquee({
						duplicated: true,
						duration: parseInt(e.data('speed'))*1000,
						delayBeforeStart: 0,
						direction: 'left',
//						pauseOnHover: true,
						startVisible: true
					});
				}
			});
		},
		
		popupMobile: function(){
			if (window.matchMedia('(max-width: 767px)').matches) {
				var wrapperW = $('.techwave_fn_wrapper').width();
				var padding = 10;
				var maxWidth = 300;
				$('.item__popup,.fn__nav_bar .item_popup').each(function(){
					var element = $(this);
					var parent = element.parent();
					var width = wrapperW - 2*padding;
					var normal = Math.min(width, maxWidth);
					var leftOffset = parent.offset().left;
					var left = padding - leftOffset + (width - normal)/2;
					
					var right = 'auto';
					
					if(element.data('position') === 'right'){
						if(leftOffset + parent.width() > normal){
							left = 'auto';
							right = 0;
						}
					}else{
						if((leftOffset + normal) < width){
							left = 0;
						} 
					}
					
					element.css({maxWidth: normal, width: normal, left: left, right: right});
				});
			}else{
				$('.fn__nav_bar .item_popup,.item__popup').attr('style','');
			}
		},
		
		tooltip: function(){
			$('body').on('mouseover mouseenter', '.fn__tooltip', function(){
				var element = $(this);
				var position = element.attr('data-position');
				if(typeof position === 'undefined' || position === true){
					position = ['top', 'bottom', 'right', 'left'];
				}
				var options = {
					contentAsHTML: 'true',
					maxWidth: 300,
					animationDuration: 0,
					animation: 'fade', // 'fade', 'grow', 'swing', 'slide', 'fall'
					delay: 0,
					theme: 'tooltipster-techwave',
					side: position
				};
				if(element.hasClass('menu__item')){
					if(!$('html').hasClass('panel-opened')){
						element.tooltipster(options).tooltipster('hide');
						return;
					}
				}
				element.tooltipster(options);
				element.tooltipster('show');
			});
//			$( ".fn__tooltip" ).each(function(){
//				$(this).tooltipster({
//					theme: 'tooltipster-techwave',
//					animation: 'fade', // 'fade', 'grow', 'swing', 'slide', 'fall'
//					side: 'bottom',
//					maxWidth: 300,
//					animationDuration: 0,
//					delay: 0,
//					trigger: 'click'
//				});	
//			});
				
		},
		
		fontDialog: function(){
			var dialog = $('.techwave_fn_font');
			$('.font__trigger').off().on('click',function(){
				dialog.addClass('opened');
				return false;
			});
			
			
			dialog.find('.font__closer').off().on('click',function(){
				dialog.removeClass('opened');
				return false;
			});
			dialog.find('.font__closer_link').off().on('click',function(){
				dialog.removeClass('opened');
				return false;
			});
			dialog.find('.apply').off().on('click',function(){
				$('.fn__chat_font_size_style').remove();
				$('body').append('<style type="text/css" class="fn__chat_font_size_style">frenify_typing h3,.fn__chatbot .chat{font-size: '+$('#font_size').find(":selected").val() +'px;}</style>');
				dialog.removeClass('opened');
				return false;
			});
		},
		
		modelTabs: function(){
			// tab filter
			$('.techwave_fn_models .fn__tabs a').off().on('click',function(){
				var element = $(this);
				if(!element.hasClass('active') && !TechwaveModelFilterLoading){
					TechwaveModelFilterLoading = true;
					element.siblings().removeClass('active');
					element.addClass('active');
					var parent = element.closest('.techwave_fn_models');
					parent.find('.models__results').addClass('loading');

					// do your ajax here
					// you have to get new models with filter (if you want to change also filter) of selected tab via ajax
					// ....
					// ....
					// after ajax ends remove setTimeout (it was added just for HTML)

					setTimeout(function(){
						// here you have to insert your models into the filter's content and feed content
						parent.find('.models__results').removeClass('loading');
						parent.find('.tab__item.active').removeClass('active');
						$(element.attr('href')).addClass('active');
						TechwaveModelFilterLoading = false;
						
					},1500);
					
				}
				return false;
			});	
		},
		
		contactForm: function(){
			$("#send_message").on('click', function(){
				var name 		= $(".fn_contact_form #name").val();
				var email 		= $(".fn_contact_form #email").val();
				var tel 		= $(".fn_contact_form #tel").val();
				var message 	= $(".fn_contact_form #message").val();
				var success     = $(".fn_contact_form .returnmessage").data('success');

				$(".fn_contact_form .returnmessage").empty(); //To empty previous error/success message.
				//checking for blank fields	
				if(name === '' || email === '' || message === ''){
					$('.fn_contact_form .empty_notice').slideDown(500).delay(2000).slideUp(500);
				}
				else{
					// Returns successful data submission message when the entered information is stored in database.
					$.post("modal/contact.php",{ ajax_name: name, ajax_email: email, ajax_message:message, ajax_tel: tel}, function(data) {

						$(".fn_contact_form .returnmessage").append(data);//Append returned message to message paragraph


						if($(".fn_contact_form .returnmessage span.contact_error").length){
							$(".fn_contact_form .returnmessage").slideDown(500).delay(2000).slideUp(500);		
						}else{
							$(".fn_contact_form .returnmessage").append("<span class='contact_success'>"+ success +"</span>");
							$(".fn_contact_form .returnmessage").slideDown(500).delay(4000).slideUp(500);
						}

						if(data===""){
							$("#fn_contact_form")[0].reset();//To reset form fields on success
						}

					});
				}
				return false; 
			});
		},
		
		negativePrompt: function(){
			$('#negative_prompt').on('change',function(){
				if(this.checked){
					$('.techwave_fn_image_generation_page .exclude_area').slideDown(200);
				}else{
					$('.techwave_fn_image_generation_page .exclude_area').slideUp(200);
				}
			});
		},
		
		imageGenerationSidebar: function(){
			$('.techwave_fn_image_generation_page .sidebar__trigger').off().on('click',function(){
				$('.techwave_fn_wrapper').toggleClass('fn__has_sidebar');
				return false;
			});
		},
		
		rangeSlider: function(){
			$('.fn__range').each(function(){
				var element = $(this),
					input = element.find('input'),
					val = input.val(),
					output = element.find('.value'),
					min = input.attr('min'),
					max = input.attr('max'),
					slider = element.find('.slider');
				slider.css({width: (val * (min*100)/max) + '%' });
				input.on('input',function(){
					val = $(this).val();
					output.text(val);
					slider.css({width: (val * (min*100)/max) + '%' });
				});
			});
		},
		
		quantity: function(){
			$('.fn__quantity .increase').off().on('click',function(){
				var parent = $(this).closest('.fn__quantity');
				var input = parent.find('input');
				var max = parseInt(input.attr('max'), 10);
				var value = parseInt(input.val(), 10);
				value = isNaN(value) ? 0 : value;
				if(max === value){
					return false;
				}
				value++;
				input.val(value);
				return false;
			});
			$('.fn__quantity .decrease').off().on('click',function(){
				var parent = $(this).closest('.fn__quantity');
				var input = parent.find('input');
				var value = parseInt(input.val(), 10);
				var min = parseInt(input.attr('min'), 10);
				value = isNaN(value) ? 0 : value;
				if(min === value){
					return false;
				}
				value--;
				input.val(value);
				
				return false;
			});
		},
		
		selectModel: function(){
			$('.fn__select_model .model_open').off().on('click',function(){
				$(this).closest('.fn__select_model').toggleClass('opened');
				return false;
			});
			
			$(window).on('click',function(){
				$('.fn__select_model').removeClass('opened');
			});
			
			$('.fn__select_model .all_models').on('click',function(e){
				e.stopPropagation();
			});
		},
		
		anchor: function(){
			$('.techwave_fn_doc_page .docsidebar li.menu-item-has-children > a').off().on('click',function(){
				$(this).siblings('ul').slideToggle();
				return false;
			});
			if($().onePageNav){
				$('.techwave_fn_doc_page .docsidebar > ul').onePageNav();
			}
		},
		
		aiChatBot__chat: function(){
			if($('#fn__chat_textarea').length && !$('.techwave_fn_intro').length){
				$("#fn__chat_textarea").focus();
			}
			$("#fn__chat_textarea").keypress(function (e) {
				var code = (e.keyCode ? e.keyCode : e.which);
				if(code === 13 && e.shiftKey){
					
				}else if (code === 13) {
					$('.fn__chat_comment button').trigger('click');
					return false;
				}
			});
			$('.fn__chat_comment button').off().on('click',function(){
				var button = $(this);
				var textarea = $('#fn__chat_textarea');
				var text = textarea.val();
				if(text === '' || button.hasClass('disabled')){
					return;
				}else{
					text = text.replace(/\n\r?/g, '<br />');
					TechwaveUserQuestion = text;
					var activeChatItem = $('.fn__chatbot .chat__item.active');
					var newText = '<div class="chat__box your__chat"><div class="author"><span>You</span></div><div class="chat"><p>'+text+'</p></div></div>';
					$('.fn__chat_comment').removeClass('neww');
					if(activeChatItem.attr('id') === 'chat0'){
						activeChatItem.removeClass('active');
						$('.fn__new_chat_link').removeClass('active');
						var id = $('.fn__chatbot .chat__item').length;
						$('.fn__chatbot .chat__list').append('<div class="chat__item active" id="chat'+id+'">'+newText+'</div>');
						var newChatToRightPanel = '<li class="group__item"><div class="fn__chat_link active" href="#chat'+id+'"><span class="text">New Chat</span><input type="text" value="New Chat"><span class="options"><button class="trigger"><span></span></button><span class="options__popup"><span class="options__list"><button class="edit">Edit</button><button class="delete">Delete</button></span></span></span><span class="save_options"><button class="save"><img src="svg/check.svg" alt="" class="fn__svg"></button><button class="cancel"><img src="svg/close.svg" alt="" class="fn__svg"></button></span></div></li>';
						if($('.fn__chatbot .chat__group.new').length){
							$('.fn__chatbot .chat__group.new ul').append(newChatToRightPanel);
						}else{
							$('.fn__chatbot .sidebar_content').prepend('<div class="chat__group"><h2 class="group__title">Today</h2><ul class="group__list">'+newChatToRightPanel+'</ul></div>');
						}
						FrenifyTechWave.imgToSVG();
						FrenifyTechWave.aiChatBotOptions();
					}else{
						activeChatItem.append(newText);
					}
					textarea.val('');
					textarea.siblings('.fn__hidden_textarea').val('');
					FrenifyTechWave.aiChatBotTextareaHeight();
					
					if($('.techwave_fn_intro').length){
						$("html, body").animate({ scrollTop: textarea.offset().top - $(window).height() + 100 });
					}else{
						$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
					}
					textarea.frenifyMoveCursorToEnd();
				}
				
				// do your ajax here to answer the chat via AI
				
				// you can remove frenify chat bot here
//				FrenifyTechWave.frenifyChat();
				
				// don't remove this
				return false;
			});
		},
		frenifyChat: function(){
			var botText 	= '';
			var append 		= true;
			var commands 	= '';
			
			TechwaveUserMessageCount = $('.fn__chatbot .chat__item.active .chat__box').length;
			
			// all avaliable commands
			var allCommands = {
				welcome : {
					type			: 'text',
					description		: 'welcome message',
					text			: '<p>Frenify was founded in 2017. The company began working with the first customers, giving them the opportunity to purchase high-quality HTML templates.</p><p>The company’s products began to grow in terms of complexity and aesthetics. Frenify currently has a wide range of HTML templates, WordPress themes, WordPress plugins, Photoshop projects; paid and absolutely free products.</p><p>Design projects are unique and aesthetically pleasing based on customer requirements. Visit our website to get acquainted with our products. Thank you so much for being with us.</p>',
					append			: true
				},
				about : {
					type			: 'text',
					description		: 'some information about the SRBThemes',
					text			: '<p>Frenify was founded in 2017. The company began working with the first customers, giving them the opportunity to purchase high-quality HTML templates.</p><p>The company’s products began to grow in terms of complexity and aesthetics. Frenify currently has a wide range of HTML templates, WordPress themes, WordPress plugins, Photoshop projects; paid and absolutely free products.</p><p>Design projects are unique and aesthetically pleasing based on customer requirements. Visit our website to get acquainted with our products. Thank you so much for being with us.</p>',
					append			: true
				},
				website: {
					type			: 'url',
					description		: 'go to our official website',
					append			: false,
					url				: 'https://frenify.com/'
				},
				free: {
					type			: 'url',
					description		: 'get PSD files of premium themes for free',
					append			: false,
					url				: 'https://frenify.com/freebies/'
				},
				doc: {
					type			: 'url',
					description		: 'visit online documentation for TechWave HTML template',
					append			: false,
					url				: 'https://frenify.com/work/envato/frenify/html/techwave/doc'
				},
				support: {
					type			: 'url',
					description		: 'if you have any questions regarding TechWave HTML template feel free and contact us by this command',
					append			: false,
					url				: 'https://themeforest.net/item/techwave-ai-html-dashboard-for-image-generation-chat-bot/46197058/support/contact'
				},
				purchase: {
					type			: 'url',
					description		: 'open the template description page on themeforest to purchase it',
					append			: false,
					url				: 'https://themeforest.net/item/techwave-ai-html-dashboard-for-image-generation-chat-bot/46197058'
				},
				youtube: {
					type			: 'url',
					description		: 'visit our youtube channel with video guides on our themes and templates',
					append			: false,
					url				: 'https://www.youtube.com/@frenifyteam/videos'
				},
				pass: {
					type			: 'password',
					description		: 'if you want to get strong password I can generate it for you, write <frenify_main>/pass 20</frenify_main> to get a 20 character password',
					append			: true,
				},
				joke: {
					type			: 'joke',
					description		: 'I can cheer you up by telling a joke',
					append			: true,
				},
				time: {
					type			: 'time',
					description		: 'display current time',
					append			: true,
				},
				clear: {
					type			: 'clear',
					description		: 'to clear current chat',
					append			: false,
				},
				commands: {
					type			: 'commands',
					description		: 'to list all available commands',
					append			: true,
				},
			};
			

			
			// collect all commands
			commands = '<ul>';
			$.each(allCommands, function(key, value) {
				commands += '<li><frenify_main>/'+key+'</frenify_main> - ' + value.description + '</li>';
			});
			commands += '</ul>';
			
			// welcome text (first message of the bot)
			var welcomeText = '<p>Hello.</p><p>I am Frenify Bot. After purchasing the template, you can delete me easily. I understand some commands. You just select one of the commands and write here.</p><p>Here is the list of commands:</p>'+commands+'<p>We are trying for you. We try to make unique themes and templates with excellent functionality and excellent design.</p>';
			
			allCommands.welcome.text = welcomeText;
			
			
			var allJokes = [
				'What did one pirate say to the other when he beat him at chess?<>Checkmatey.',
				'I burned 2000 calories today<>I left my food in the oven for too long.',
				'I startled my next-door neighbor with my new electric power tool. <>I had to calm him down by saying “Don’t worry, this is just a drill!”',
				'I broke my arm in two places. <>My doctor told me to stop going to those places.',
				'I quit my job at the coffee shop the other day. <>It was just the same old grind over and over.',
				'I never buy anything that has Velcro with it...<>it’s a total rip-off.',
				'I used to work at a soft drink can crushing company...<>it was soda pressing.',
				'I wondered why the frisbee kept on getting bigger. <>Then it hit me.',
				'I was going to tell you a fighting joke...<>but I forgot the punch line.',
				'What is the most groundbreaking invention of all time? <>The shovel.',
				'I’m starting my new job at a restaurant next week. <>I can’t wait.',
				'I visited a weight loss website...<>they told me I have to have cookies disabled.',
				'Did you hear about the famous Italian chef that recently died? <>He pasta way.',
				'Broken guitar for sale<>no strings attached.',
				'I could never be a plumber<>it’s too hard watching your life’s work go down the drain.',
				'I cut my finger slicing cheese the other day...<>but I think I may have grater problems than that.',
				'What time did you go to the dentist yesterday?<>Tooth-hurty.',
				'What kind of music do astronauts listen to?<>Neptunes.',
				'Rest in peace, boiled water. <>You will be mist.',
				'What is the only concert in the world that costs 45 cents? <>50 Cent, featuring Nickelback.',
				'It’s not a dad bod<> it’s a father figure.',
				'My wife recently went on a tropical food diet and now our house is full of this stuff. <>It’s enough to make a mango crazy.',
				'What do you call Santa’s little helpers? <>Subordinate clauses.',
				'Want to hear a construction joke? <>Sorry, I’m still working on it.',
				'What’s the difference between a hippo and a zippo? <>One is extremely big and heavy, and the other is a little lighter.',
				'I burnt my Hawaiian pizza today in the oven, <>I should have cooked it on aloha temperature.',
				'Anyone can be buried when they die<>but if you want to be cremated then you have to urn it.',
				'Where did Captain Hook get his hook? <>From the second-hand store.',
				'I am such a good singer that people always ask me to sing solo<>solo that they can’t hear me.',
				'I am such a good singer that people ask me to sing tenor<>tenor twelve miles away.',
				'Occasionally to relax I just like to tuck my knees into my chest and lean forward.<> That’s just how I roll.',
				'What did the glass of wine say to the glass of beer? Nothing. <>They barley knew each other.',
				'I’ve never trusted stairs. <>They are always up to something.',
				'Why did Shakespeare’s wife leave him? <>She got sick of all the drama.',
				'I just bought a dictionary but all of the pages are blank. <>I have no words to describe how mad I am.',
				'If you want to get a job at the moisturizer factory... <>you’re going to have to apply daily.',
				'I don’t know what’s going to happen next year. <>It’s probably because I don’t have 2020 vision.',
				'Want to hear a joke about going to the bathroom? <>Urine for a treat.',
				'I couldn’t figure out how to use the seat belt. <>Then it just clicked.',
				'I got an email the other day teaching me how to read maps backwards<>turns out it was just spam.',
				'I’m reading a book about anti-gravity.<> It’s impossible to put down!',
				'You’re American when you go into the bathroom, and you’re American when you come out, but do you know what you are while you’re in there?<> European.',
				'Did you know the first French fries weren’t actually cooked in France?<> They were cooked in Greece.',
				'Want to hear a joke about a piece of paper? Never mind... <>it’s tearable.',
				'I just watched a documentary about beavers. <>It was the best dam show I ever saw!',
				'If you see a robbery at an Apple Store what re you?<> An iWitness?',
				'Spring is here! <>I got so excited I wet my plants!',
				'What’s Forrest Gump’s password?<> 1forrest1',
				'Why did the Clydesdale give the pony a glass of water? <>Because he was a little horse!',
				'CASHIER: "Would you like the milk in a bag, sir?" <>DAD: "No, just leave it in the carton!’”',
				'Did you hear about the guy who invented Lifesavers? <>They say he made a mint.',
				'I bought some shoes from a drug dealer.<> I don’t know what he laced them with, but I was tripping all day!',
				'Why do chicken coops only have two doors?<> Because if they had four, they would be chicken sedans!',
				'How do you make a Kleenex dance? <>Put a little boogie in it!',
				'A termite walks into a bar and asks<>"Is the bar tender here?"',
				'Why did the invisible man turn down the job offer?<> He couldn’t see himself doing it.',
				'I used to have a job at a calendar factory <>but I got the sack because I took a couple of days off.',
				'A woman is on trial for beating her husband to death with his guitar collection. Judge says, "First offender?" <>She says, "No, first a Gibson! Then a Fender!”',
				'How do you make holy water?<> You boil the hell out of it.',
				'I had a dream that I was a muffler last night.<> I woke up exhausted!',
				'Did you hear about the circus fire?<> It was in tents!',
				'Don’t trust atoms.<> They make up everything!',
				'How many tickles does it take to make an octopus laugh? <>Ten-tickles.',
				'I’m only familiar with 25 letters in the English language.<> I don’t know why.',
				'Why did the cow in the pasture get promoted at work?<> Because he is OUT-STANDING in his field!',
				'What do prisoners use to call each other?<> Cell phones.',
				'Why couldn’t the bike standup by itself? <>It was two tired.',
				'Who was the fattest knight at King Arthur’s round table?<> Sir Cumference.', 
				'Did you see they made round bails of hay illegal in Wisconsin? <>It’s because the cows weren’t getting a square meal.',
				'You know what the loudest pet you can get is?<> A trumpet.',
				'What do you get when you cross a snowman with a vampire?<> Frostbite.',
				'What do you call a deer with no eyes?<> No idea!',
				'Can February March? <>No, but April May!',
				'What do you call a lonely cheese? <>Provolone.',
				'Why can’t you hear a pterodactyl go to the bathroom?<> Because the pee is silent.',
				'What did the buffalo say to his son when he dropped him off at school?<> Bison.',
				'What do you call someone with no body and no nose? <>Nobody knows.',
				'You heard of that new band 1023MB? <>They’re good but they haven’t got a gig yet.',
				'Why did the crab never share?<> Because he’s shellfish.',
				'How do you get a squirrel to like you? <>Act like a nut.',
				'Why don’t eggs tell jokes? <>They’d crack each other up.',
				'Why can’t a nose be 12 inches long? <>Because then it would be a foot.',
				'Did you hear the rumor about butter? <>Well, I’m not going to spread it!',
				'I made a pencil with two erasers. <>It was pointless.',
				'I used to hate facial hair...<>but then it grew on me.',
				'I decided to sell my vacuum cleaner—<>it was just gathering dust!',
				'I had a neck brace fitted years ago<> and I’ve never looked back since.',
				'You know, people say they pick their nose,<> but I feel like I was just born with mine.',
				'What do you call an elephant that doesn’t matter?<> An irrelephant.',
				'What do you get from a pampered cow? <>Spoiled milk.',
				'It’s inappropriate to make a ’dad joke’ if you’re not a dad.<> It’s a faux pa.',
				'How do lawyers say goodbye? <>Sue ya later!',
				'Wanna hear a joke about paper? <>Never mind—it’s tearable.',
				'What’s the best way to watch a fly fishing tournament? <>Live stream.',
				'I could tell a joke about pizza,<> but it’s a little cheesy.',
				'When does a joke become a dad joke?<> When it becomes apparent.',
				'What’s an astronaut’s favorite part of a computer? <>The space bar.',
				'What did the shy pebble wish for?<>That she was a little boulder.',
				'I’m tired of following my dreams. <>I’m just going to ask them where they are going and meet up with them later.',
				'Did you hear about the guy whose whole left side was cut off? <>He’s all right now.',
				'Why didn’t the skeleton cross the road? <>Because he had no guts.',
				'What did one nut say as he chased another nut? <> I’m a cashew!',
				'Chances are if you’ve seen one shopping center...<> you’ve seen a mall.',
				'I knew I shouldn’t steal a mixer from work...<>but it was a whisk I was willing to take.',
				'How come the stadium got hot after the game? <>Because all of the fans left.',
				'Why was it called the dark ages? <>Because of all the knights.',
				'Why did the tomato blush? <>Because it saw the salad dressing.',
				'Did you hear the joke about the wandering nun? <>She was a roman catholic.',
				'What creature is smarter than a talking parrot? <>A spelling bee.',
				'I’ll tell you what often gets over looked...<> garden fences.',
				'Why did the kid cross the playground? <>To get to the other slide.',
				'Why do birds fly south for the winter?<> Because it’s too far to walk.',
				'What is a centipedes’s favorite Beatle song? <> I want to hold your hand, hand, hand, hand...',
				'My first time using an elevator was an uplifting experience. <>The second time let me down.',
				'To be Frank...<> I’d have to change my name.',
				'Slept like a log last night … <>woke up in the fireplace.',
				'Why does a Moon-rock taste better than an Earth-rock? <>Because it’s a little meteor.',
				'How many South Americans does it take to change a lightbulb?<> A Brazilian',
				'I don’t trust stairs.<> They’re always up to something.',
				'A police officer caught two kids playing with a firework and a car battery.<> He charged one and let the other one off.',
				'What is the difference between ignorance and apathy?<>I don’t know and I don’t care.',
				'I went to a Foo Fighters Concert once... <>It was Everlong...',
				'Some people eat light bulbs. <>They say it’s a nice light snack.',
				'What do you get hanging from Apple trees? <> Sore arms.',
				'Last night me and my girlfriend watched three DVDs back to back.<> Luckily I was the one facing the TV.',
				'I got a reversible jacket for Christmas,<> I can’t wait to see how it turns out.',
				'What did Romans use to cut pizza before the rolling cutter was invented? <>Lil Caesars',
				'My pet mouse ’Elvis’ died last night. <>He was caught in a trap..',
				'Never take advice from electrons. <>They are always negative.',
				'Why are oranges the smartest fruit? <>Because they are made to concentrate. ',
				'What did the beaver say to the tree? <>It’s been nice gnawing you.',
				'How do you fix a damaged jack-o-lantern?<> You use a pumpkin patch.',
				'What did the late tomato say to the early tomato? <>I’ll ketch up',
				'I have kleptomania...<>when it gets bad, I take something for it.',
				'I used to be addicted to soap...<> but I’m clean now.',
				'When is a door not a door?<> When it’s ajar.',
				'I made a belt out of watches once...<> It was a waist of time.',
				'This furniture store keeps emailing me,<> all I wanted was one night stand!',
				'How do you find Will Smith in the snow?<>  Look for fresh prints.',
				'I just read a book about Stockholm syndrome.<> It was pretty bad at first, but by the end I liked it.',
				'Why do trees seem suspicious on sunny days? <>Dunno, they’re just a bit shady.',
				'If at first you don’t succeed<> sky diving is not for you!',
				'What kind of music do mummy’s like?<>Rap',
				'A book just fell on my head. <>I only have my shelf to blame.',
				'What did the dog say to the two trees? <>Bark bark.',
				'If a child refuses to sleep during nap time...<> are they guilty of resisting a rest?',
				'Have you ever heard of a music group called Cellophane?<> They mostly wrap.',
				'What did the mountain climber name his son?<>Cliff.',
				'Why should you never trust a pig with a secret?<> Because it’s bound to squeal.',
				'Why are mummys scared of vacation?<> They’re afraid to unwind.',
				'Whiteboards ...<> are remarkable.',
				'What kind of dinosaur loves to sleep?<>A stega-snore-us.',
				'What kind of tree fits in your hand?<> A palm tree!',
				'I used to be addicted to the hokey pokey<> but I turned myself around.',
				'How many tickles does it take to tickle an octopus?<> Ten-tickles!',
				'What musical instrument is found in the bathroom?<> A tuba toothpaste.',
				'My boss told me to attach two pieces of wood together... <>I totally nailed it!',
				'What was the pumpkin’s favorite sport?<>Squash.',
				'What do you call corn that joins the army?<> Kernel.',
				'I’ve been trying to come up with a dad joke about momentum <>but I just can’t seem to get it going.',
				'Why don’t sharks eat clowns? <> Because they taste funny.',
				'Just read a few facts about frogs.<> They were ribbiting.',
				'Why didn’t the melons get married?<>Because they cantaloupe.',
				'What’s a computer’s favorite snack?<>Microchips!',
				'Why was the robot so tired after his road trip?<>He had a hard drive.',
				'Why did the computer have no money left?<>Someone cleaned out its cache!',
				'I’m not anti-social. <>I’m just not user friendly.',
				'Why did the computer get cold?<>Because it forgot to close windows.',
				'What is an astronaut’s favorite key on a keyboard?<>The space bar!',
				'What’s the difference between a computer salesman and a used-car salesman?<>The used-car salesman KNOWS when he’s lying.',
				'If at first you don’t succeed...<> call it version 1.0',
				'Why did Microsoft PowerPoint cross the road?<>To get to the other slide!',
				'What did the computer do at lunchtime?<>Had a byte!',
				'Why did the computer keep sneezing?<>It had a virus!',
				'What did one toilet say to the other?<>You look a bit flushed.',
				'Why did the picture go to jail?<>Because it was framed.',
				'What did one wall say to the other wall?<>I’ll meet you at the corner.',
				'What do you call a boy named Lee that no one talks to?<>Lonely',
				'Why do bicycles fall over?<>Because they are two-tired!',
				'Why was the broom late?<>It over swept!',
				'What part of the car is the laziest?<>The wheels, because they are always tired!',
				'What’s the difference between a TV and a newspaper?<>Ever tried swatting a fly with a TV?',
				'What did one elevator say to the other elevator?<>I think I’m coming down with something!',
				'Why was the belt arrested?<>Because it held up some pants!',
				'What makes the calendar seem so popular?<>Because it has a lot of dates!',
				'Why did Mickey Mouse take a trip into space?He wanted to find Pluto!',
				'Why do you go to bed every night?<>Because the bed won’t come to you!',
				'What has four wheels and flies?<>A garbage truck!',
				'Why did the robber take a bath before he stole from the bank?<>He wanted to make a clean get away!',
				'Just watched a documentary about beavers.<>It was the best damn program I’ve ever seen.',
				'Slept like a log last night<>woke up in the fireplace.',
				'Why did the scarecrow win an award?<>Because he was outstanding in his field.',
				'Why does a chicken coop only have two doors? <>Because if it had four doors it would be a chicken sedan.',
				'What’s the difference between an African elephant and an Indian elephant? <>About 5000 miles',
				'Why did the coffee file a police report? <>It got mugged.',
				'What did the grape do when he got stepped on? <>He let out a little wine.',
				'How many apples grow on a tree? <>All of them.',
				'What name do you give a person with a rubber toe? <>Roberto',
				'Did you hear about the kidnapping at school? <>It’s fine, he woke up.',
				'Why do scuba divers fall backwards into the water? <>Because if they fell forwards they’d still be in the boat.',
				'How does a penguin build it’s house? <>Igloos it together.',
				'What do you call a man with a rubber toe?<>Roberto',
				'Did you hear about the restaurant on the moon?<>Great food, no atmosphere.',
				'Why was the belt sent to jail?<>For holding up a pair of pants!',
				'Did you hear about the scientist who was lab partners with a pot of boiling water?<>He had a very esteemed colleague.',
				'What happens when a frogs car dies?<>He needs a jump. If that doesn’t work he has to get it toad.',
				'What did the flowers do when the bride walked down the aisle?<>They rose.',
				'Why did the man fall down the well?<>Because he couldn’t see that well.',
				'My boss told me to have a good day...<>...so I went home.',
				'How can you tell it’s a dogwood tree?<>By the bark.',
				'Did you hear about the kidnapping at school?<>It’s fine, he woke up.',
				'Why is Peter Pan always flying?<>Because he Neverlands.',
				'Which state has the most streets?<>Rhode Island.',
				'What do you call 26 letters that went for a swim?<>Alphawetical.',
				'Why was the color green notoriously single?<>It was always so jaded.',
				'Why did the coach go to the bank?<>To get his quarterback.',
				'How do celebrities stay cool?<>They have many fans.',
				'What’s the most depressing day of the week?<>sadder day.',
				'Dogs can’t operate MRI machines<>But catscan.',
				'I was going to tell a time-traveling joke<>but you guys didn’t like it.',
				'Stop looking for the perfect match<>instead look for a lighter.',
				'I told my doctor I heard buzzing<>but he said it’s just a bug going around.',
				'What kind of car does a sheep like to drive?<>A lamborghini.',
				'What did the accountant say while auditing a document?<>This is taxing.',
				'What did the two pieces of bread say on their wedding day?<>It was loaf at first sight.',
				'Why do melons have weddings?<>Because they cantaloupe.',
				'What did the drummer call his twin daughters?<>Anna One, Anna Two!',
				'What do you call a toothless bear?<> A gummy bear!',
				'Two goldfish are in a tank. <>One says to the other, “Do you know how to drive this thing?”',
				'What’s Forrest Gump’s password?<>1forrest1',
				'What is a child guilty of if they refuse to nap?<> Resisting a rest.',
				'I know a lot of jokes about retired people<>but none of them work.',
				'Why are spiders so smart?<>They can find everything on the web.',
				'What has one head, one foot, and four legs?<> A bed.',
				'What does a house wear?<> Address.',
				'What’s red and smells like blue paint?<>Red paint.',
				'My son asked me to put his shoes on<> but I don’t think they’ll fit me.',
				'I’ve been bored recently, so I decided to take up fencing.<> The neighbors keep demanding that I put it back.',
				'What do you call an unpredictable camera?<>A loose Canon.',
				'Which U.S. state is known for its especially small soft drinks?<>Minnesota.',
				'What do sprinters eat before a race?<> Nothing—they fast.',
				'I’m so good at sleeping...<>I can do it with my eyes closed.',
				'People are usually shocked that I have a Police record.<>But I love their greatest hits!',
				'I told my girlfriend she drew on her eyebrows too high.<> She seemed surprised.',
				'What do you call a fibbing cat?<> A lion.',
				'Why shouldn’t you write with a broken pencil?<> Because it’s pointless.',
				'I like telling Dad jokes…<>sometimes he laughs.',
				'How do you weigh a millennial?<> In Instagrams.',
				'The wedding was so beautiful<>even the cake was in tiers.',
				'What’s the most patriotic sport?<> Flag football.',
			];
			
			// answer
			var unknownCommand = false;
			if(TechwaveUserMessageCount === 1){
				botText = welcomeText;
			}else{
				if(TechwaveUserQuestion.slice(0,1) === '/'){
					var question = TechwaveUserQuestion.substring(1);
					var regex = /pass \d/i;
					var countpass = 15;
					if(regex.test(question)){
						countpass = question.split(' ')[1];
						question = 'pass';
					}
					regex = /joke \d/i;
					var countjoke = 1;
					if(regex.test(question)){
						countjoke = question.split(' ')[1];
						question = 'joke';
					}
					if(allCommands.hasOwnProperty(question)){
						var allOptions = allCommands[question];
						var type = allOptions.type;
						if(type === 'text'){
							botText = allOptions.text;
						}else if(type === 'url'){
							window.location.href = allOptions.url;
						}else if(type === 'password'){
							var possible = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789![]{}()%&*$#^<>~@|';
							var password = '';
							if(countpass > 1000){
								botText += '<p>I don\'t think that you want to get this password. Maximum password characters are: 1000.</p><p>Your password with 1000 characters:</p>';
								countpass = 1000;
							}
							for(var i=0; i < countpass; i++) {
								password += possible.charAt(Math.floor(Math.random() * possible.length));
							}
							password = FrenifyTechWave.escapeHTML(password);
							botText += '<frenify_uselect>'+password+'</frenify_uselect>';
						}else if(type === 'time'){
							var dt = new Date();
							var hh = dt.getHours() < 10 ? '0' + dt.getHours() : dt.getHours();
							var mm = dt.getMinutes() < 10 ? '0' + dt.getMinutes() : dt.getMinutes();
							var ss = dt.getSeconds() < 10 ? '0' + dt.getSeconds() : dt.getSeconds();
							botText = hh + ":" + mm + ":" + ss;
						}else if(type === 'clear'){
							$('.fn__chatbot .chat__item.active').html('');
						}else if(type === 'joke'){
							if(countjoke > 1){
								var shuffled = FrenifyTechWave.shuffleArray(allJokes);
								var selected = shuffled.slice(0,countjoke);
								botText = '<ul>';
								if(countjoke >= 1 && countjoke <= allJokes.length){
									for(var j=0;j<countjoke;j++){
										botText += '<li>'+selected[j]+'</li>';
									}
								}
								botText += '</ul>';
							}else{
								botText = allJokes[Math.floor(Math.random()*allJokes.length)];
							}
								
							
						}else if(type === 'commands'){
							botText = commands;
						}
						append = allOptions.append;
					}else{
						unknownCommand = true;
					}
				}else{
					unknownCommand = true;
				}
			}
			if(unknownCommand){
				botText = '<p>I only understand some commands. Of course, this is a fixable problem. Buy this template and implement AI and that\'s it. Go to the template site where you can buy? Visit item\'s website: <a href="https://themeforest.net/user/frenify/portfolio" target="_blank">TechWave</a></p><p>Write <frenify_main>/commands</frenify_main> to list all available commands.';
			}
				
				
			// answer to question
			if(append){
				$('.fn__chat_comment button').addClass('disabled');
				setTimeout(function(){
					$('.fn__chatbot .chat__item.active').append('<div class="chat__box bot__chat"><div class="author"><span>Frenify Bot</span></div><div class="chat"><frenify_typing><h3><span>Typing...</frenify></h3></div></div>');
					if($('.techwave_fn_intro').length){
						$("html, body").animate({ scrollTop: $('#fn__chat_textarea').offset().top - $(window).height() + 100 });
					}else{
						$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
					}
				},100);
				setTimeout(function(){
					$('.fn__chatbot .chat__item.active .chat__box.bot__chat:last-child .chat').html(botText);
					$('.fn__chat_comment button').removeClass('disabled');
					if($('.techwave_fn_intro').length){
						$("html, body").animate({ scrollTop: $('#fn__chat_textarea').offset().top - $(window).height() + 100 });
					}else{
						$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });
					}
				},2000);
			}
		},
		
		shuffleArray: function(array){
			var currentIndex = array.length,  randomIndex;
		  	while (currentIndex !== 0) {
				randomIndex = Math.floor(Math.random() * currentIndex);
				currentIndex--;
				[array[currentIndex], array[randomIndex]] = [array[randomIndex], array[currentIndex]];
		  	}

		  return array;
		},
		
		escapeHTML: function(string){
			var entityMap = {
				'&': '&amp;',
				'<': '&lt;',
				'>': '&gt;',
				'"': '&quot;',
				"'": '&#39;',
				'/': '&#x2F;',
				'`': '&#x60;',
				'=': '&#x3D;'
			};
			return String(string).replace(/[&<>"'`=\/]/g, function (s) {
				return entityMap[s];
			});
		},
		
		aiChatBotOptions: function(){
			$('.fn__chat_link').off().on('click',function(){
				var element = $(this);
				if(!element.hasClass('active')){
					$('.fn__chat_link.active').removeClass('active');
					$('.fn__chatbot .chat__item.active').removeClass('active');
					element.addClass('active');
					$(element.attr('href')).addClass('active');
					TechwaveUserMessageCount = $(element.attr('href')).find('.chat__box').length;
					$('.fn__new_chat_link').removeClass('active');
					$('.fn__chat_comment').removeClass('neww');
					$('.fn__chatbot .fn__title_holder .title').text(element.find('.text').text());
					if($(element.attr('href')).html() === ''){
						$('.fn__chat_comment').addClass('neww');
					}
				}
				$('#fn__chat_textarea').frenifyMoveCursorToEnd();
				return false;
			});
			$('.fn__new_chat_link').off().on('click',function(){
				var element = $(this);
				if(!element.hasClass('active')){
					$('.fn__chat_link.active').removeClass('active');
					$('.fn__chatbot .chat__item.active').removeClass('active');
					element.addClass('active');
					$(element.attr('href')).addClass('active');
					TechwaveUserMessageCount = 0;
					$('.fn__chatbot .fn__title_holder .title').text('New Chat');
				}
				$('.fn__chat_comment').addClass('neww');
				$('#fn__chat_textarea').frenifyMoveCursorToEnd();
				return false;
			});
			$('.fn__chat_link input').off().on('click',function(e){
				e.stopPropagation();
			});
			$('.fn__chat_link .trigger').off().on('click',function(){
				var element = $(this),
					parent = element.closest('.fn__chat_link');
				if(parent.hasClass('opened')){
					parent.removeClass('opened');
				}else{
					parent.addClass('opened');
				}
				return false;
			});
			
			$('.fn__chat_link .edit').off().on('click',function(){
				var element = $(this),
					parent = element.closest('.fn__chat_link'),
					input = parent.find('input');
				parent.addClass('live_edit').removeClass('opened');
				TechwaveInputText = input.val();
				setTimeout(function(){
					input.frenifyMoveCursorToEnd();
				},100);
				return false;
			});
			
			$('.fn__chat_link .cancel').off().on('click',function(){
				var e = $(this),
					parent = e.closest('.fn__chat_link'),
					input = parent.find('input');
				parent.removeClass('live_edit');
				input.val(TechwaveInputText);
				return false;
			});
			
			$('.fn__chat_link .save').off().on('click',function(){
				var e = $(this),
					parent = e.closest('.fn__chat_link'),
					input = parent.find('input');
				// do your ajax here
				parent.removeClass('live_edit');
				TechwaveInputText = input.val();
				parent.find('.text').text(TechwaveInputText);
				return false;
			});
			
			$(window).on('click',function(){
				$('.fn__chat_link').removeClass('opened');
			});
			
			$('.fn__chat_link .options__popup').on('click',function(e){
				e.stopPropagation();
			});
		},
		
		aiChatBotTextareaHeight: function(){
			$('#fn__chat_textarea').on('mouseup keyup', function() {
				var e = $(this);
				var val = e.val();
				var padding = 34; // top 18 and bottom 16
				var border = 4; // top 2 and bottom 2
				var taLineHeight = 22; // This should match the line-height in the CSS
				var e2 = e.siblings('.fn__hidden_textarea');
				e2.val(val);
				var taHeight2 = e2[0].scrollHeight - padding; // Get the scroll height of the textarea
				var numberOfLines2 = Math.floor(taHeight2/taLineHeight);
				e.css({height: numberOfLines2*taLineHeight+padding+border});
				if(numberOfLines2 > 6){
					e.css({overflowY: 'auto'});
				}else{
					e.css({overflowY: 'hidden'});
				}
			});
			$('#fn__include_textarea').on('mouseup keyup', function() {
				var e = $(this);
				var val = e.val();
				var padding = 34; // top 18 and bottom 16
				var border = 4; // top 2 and bottom 2
				var taLineHeight = 22; // This should match the line-height in the CSS
				var e2 = e.siblings('.fn__hidden_textarea');
				e2.val(val);
				var taHeight2 = e2[0].scrollHeight - padding; // Get the scroll height of the textarea
				var numberOfLines2 = Math.floor(taHeight2/taLineHeight);
				e.css({height: numberOfLines2*taLineHeight+padding+border});
				if(numberOfLines2 > 6){
					e.css({overflowY: 'auto'});
				}else{
					e.css({overflowY: 'hidden'});
				}
			});
			$('#fn__exclude_textarea').on('mouseup keyup', function() {
				var e = $(this);
				var val = e.val();
				var padding = 34; // top 18 and bottom 16
				var border = 4; // top 2 and bottom 2
				var taLineHeight = 22; // This should match the line-height in the CSS
				var e2 = e.siblings('.fn__hidden_textarea');
				e2.val(val);
				var taHeight2 = e2[0].scrollHeight - padding; // Get the scroll height of the textarea
				var numberOfLines2 = Math.floor(taHeight2/taLineHeight);
				e.css({height: numberOfLines2*taLineHeight+padding+border});
				if(numberOfLines2 > 6){
					e.css({overflowY: 'auto'});
				}else{
					e.css({overflowY: 'hidden'});
				}
			});
		},
		
		billingProgress: function(){
			$('.techwave_fn_user_billing .progress').each(function(){
				var element = $(this);
				element.waypoint({
					handler: function(){
						if(!element.hasClass('active')){
							setTimeout(function(){
								element.css('--frenify-progress',element.data('percentage'));
								element.addClass('active');
							},500);
							
						}
					},
					offset:'90%'	
				});
			});
		},
		
		inputFileOnChange: function(){
			$('.fn__upload').on("change", function(event){ 
				var element = $(this);
				var file = event.target.files[0];
				if (file) {
					element.addClass('has_img').find('.preview_img').attr('src',URL.createObjectURL(file));
				}
			});	
			$('.fn__upload .fn__closer').on('click',function(){
				var parent = $(this).closest('.fn__upload');
				parent.removeClass('has_img');
				parent.find('.preview_img').attr('src','#');
				parent.find('input[type="file]').val('');
				return false;
			});
		},
		
		optionsList: function(){
			$('.fn__options_list a').off().on('click',function(){
				var e = $(this);
				if(e.hasClass('enabled')){
					e.removeClass('enabled').addClass('disabled');
				}else{
					e.removeClass('disabled').addClass('enabled');
				}

				// do your ajax here
				// ....
				// ....
				
				return false;
			});
		},
		
		pricingTab: function(){
			$('.techwave_fn_pricing .toggle_in').each(function(){
				var element = $(this),
					active = element.find('.active');
				var offset = active.offset().left - element.offset().left;
				element.find('.bg').css({left: offset, width: active.outerWidth(true,true)});
			});
			$('.techwave_fn_pricing .toggle_in a').off().on('click',function(){
				var element = $(this);
				if(!element.hasClass('active')){
					var parent = element.closest('.toggle_in');
					var pricing = element.closest('.techwave_fn_pricing');
					var offset = element.offset().left - parent.offset().left;
					pricing.find('.pricing__tab.active').removeClass('active');
					$(element.attr('href')).addClass('active');
					element.siblings().removeClass('active');
					element.addClass('active');
					parent.find('.bg').css({left: offset, width: element.outerWidth(true,true)});
				}
				return false;
			});
		},
		
		feedFilters: function(){
			
			// Enable/disable selecting items
			$('.techwave_fn_feed .filter__select input[type="checkbox"]').change(function () {
				var element = $(this);
				var checked = element.is(':checked');
				var feed = element.closest('.techwave_fn_feed');
				var	items = feed.find('.fn__gallery_items .item');
				if(checked){
					items.addClass('select__ready');
					feed.find('.fn__selection_box').slideDown(200);
				}else{
					items.removeClass('select__ready');
					feed.find('.fn__selection_box').slideUp(200);
				}
		 	});
			
			// select/deselect items
			$('.fn__selectable_item').off().on('click',function(){
				var element = $(this),
					page = element.closest('.techwave_fn_community_page'),
					items = page.find('.fn__gallery_items .item');
				if(element.hasClass('selected')){
					element.removeClass('selected');
					TechwaveSelectedCount--;
				}else{
					element.addClass('selected');
					TechwaveSelectedCount++;
				}
				page.find('.fn__selection_box .count').text(TechwaveSelectedCount);
				return false;
			});
			
			
			// tab filter
			$('.techwave_fn_feed .fn__tabs a').on('click',function(){
				var element = $(this);
				if(!element.hasClass('active') && !TechwaveFeedFilterLoading){
					TechwaveFeedFilterLoading = true;
					element.siblings().removeClass('active');
					element.addClass('active');
					var feed = element.closest('.techwave_fn_feed');
					feed.find('.feed__results').addClass('loading');

					// do your ajax here
					// you have to get new feeds with filter (if you want to change also filter) of selected tab via ajax
					// ....
					// ....
					// after ajax ends remove setTimeout (it was added just for HTML)

					setTimeout(function(){
						// here you have to insert your feeds into the filter's content and feed content
						feed.find('.feed__results').removeClass('loading');
						TechwaveFeedFilterLoading = false;
						FrenifyTechWave.galleryIsotope();
					},1500);
					
				}
				return false;
			});
			
			// Trending&New Filter
			$('.techwave_fn_feed .filter__sorting a').on('click',function(){
				var element = $(this);
				if(!element.hasClass('enabled') && !TechwaveFeedFilterLoading){
					TechwaveFeedFilterLoading = true;
					element.siblings().removeClass('enabled').addClass('disabled');
					element.removeClass('disabled').addClass('enabled');
					var feed = element.closest('.techwave_fn_feed');
					feed.find('.feed__results').addClass('loading');

					// do your ajax here
					// you have to get new feeds by trending or new (selected) via ajax
					// ....
					// ....
					// after ajax ends remove setTimeout (it was added just for HTML)

					setTimeout(function(){
						// here you have to insert new feeds into the results' content
						feed.find('.feed__results').removeClass('loading');
						TechwaveFeedFilterLoading = false;
					},1500);
				}
					
				
				return false;
			});
			
			
			// Upscaled Filter
			$('.techwave_fn_feed .filter__upscaled input[type="checkbox"]').change(function () {
				var element = $(this);
				var checked = element.is(':checked');
				var feed = element.closest('.techwave_fn_feed');
				feed.find('.feed__results').addClass('loading');
				
				
				// do your ajax here
				// you have to get new feeds by checked value via ajax
				// ....
				// ....
				// after ajax ends remove setTimeout (it was added just for HTML)
				
				
				setTimeout(function(){
					// here you have to insert new feeds into the results' content
					feed.find('.feed__results').removeClass('loading');
				},1500);
		 	});
			
			// search filter
			$('.techwave_fn_feed .filter__search a').on('click',function(){
				if(!TechwaveFeedFilterLoading){
					var feed = $(this).closest('.techwave_fn_feed');
					feed.find('.feed__results').addClass('loading');

					// do your ajax here
					// you have to get new feeds by search word via ajax
					// ....
					// ....
					// after ajax ends remove setTimeout (it was added just for HTML)

					setTimeout(function(){
						// here you have to insert new feeds into the results' content
						feed.find('.feed__results').removeClass('loading');
						TechwaveFeedFilterLoading = false;
					},1500);
				}
				
				return false;
			});
		},
		
		report: function(){
			var reportbox = $('.techwave_fn_report');
			$('.fn__report').off().on('click',function(){
				var e = $(this),
					id = e.data('id');
				
				if(reportbox.hasClass('opened')){
					reportbox.removeClass('opened');
				}else{
					reportbox.addClass('opened');
				}
				return false;
			});
			
			
			reportbox.find('.cancel').off().on('click',function(){
				reportbox.removeClass('opened');
				return false;
			});
			reportbox.find('.fn__closer').off().on('click',function(){
				reportbox.removeClass('opened');
				return false;
			});
			reportbox.find('.report__closer').off().on('click',function(){
				reportbox.removeClass('opened');
				return false;
			});
		},
		
		follow: function(){
			$('.fn__follow').off().on('click',function(){
				var e = $(this),
					text = e.find('.text'),
					id = e.data('id');
				if(e.hasClass('has__follow')){
					e.removeClass('has__follow');
					text.text(e.data('follow-text'));
				}else{
					e.addClass('has__follow');
					text.text(e.data('unfollow-text'));
				}
				return false;
			});
		},
		
		copyLink: function(){
			$(".fn__copy").off().on("click",function(){
				var e = $(this);
				var text = e.text();
				var copied = e.data("copied");
				var copy2 = e.attr("data-text");
				var copy = e.attr("href");
				if (typeof copy2 !== 'undefined' && copy2 !== false) {
					copy = copy2;
				}
				var temp = $("<input>");
				$("body").append(temp);
				temp.val(copy).select();
				document.execCommand("copy");
				temp.remove();
				e.text(copied).delay(1000).queue(function(nxt) {
					e.text(text);
					nxt();
				});
				return false;
			});	
		},
		
		galleryIsotope: function(){
			
			var masonry = $('.fn__gallery_items');
			if($().isotope){
				masonry.each(function(){
					$(this).isotope({
						percentPosition: true,
						itemSelector: '.fn__gallery_item',
						masonry: {}
					});
				});
			}
		},
		
		imageLightbox: function(){
			var body = $('body');
			var scrollY = 0;
			$('.fn__gallery_items .item').off().on('click',function(){
				var element = $(this),
					id = element.data('id');
				if(!element.hasClass('select__ready')){
					lightbox.scrollTop(0);
					// with this id you can create ajax to call this image into the lightbox
					scrollY = document.documentElement.style.getPropertyValue('--techwave-scroll-y');
					body.css({position: 'fixed',top:scrollY});

					body.addClass('fn__lightbox_mode');
					lightbox.addClass('opened');
				}
				
				
				
				return false;
			});
			var lightbox = $('.techwave_fn_img_lightbox');
			
			lightbox.find('.fn__closer').off().on('click',function(){
				body.removeClass('fn__lightbox_mode');
				lightbox.removeClass('opened');
				body.css({position: 'relative',top:''});
				setTimeout(function(){
					window.scrollTo({ top: 300, left:0, behavior: "instant"});
					FrenifyTechWave.galleryIsotope();
				},1);
			});
		},
		
		bookmark: function(){
			$('.fn__bookmark').off().on('click',function(){
				var e = $(this);
				if(e.hasClass('has__bookmark')){
					e.removeClass('has__bookmark');
				}else{
					e.addClass('has__bookmark');
				}
				// do your ajax here
				return false;
			});
		},
		
		like: function(){
			$('.fn__like').off().on('click',function(){
				var e = $(this),
					countbox = e.find('.count'),
					id = e.data('id');
				if(e.hasClass('has__like')){
					e.removeClass('has__like');
					countbox.text(parseInt(countbox.text())-1);
				}else{
					e.addClass('has__like');
					countbox.text(parseInt(countbox.text())+1);
				}
				// do your ajax here
				return false;
			});
		},
		
		accordion: function(){
			$('.techwave_fn_accordion').each(function(){
				$(this).find('.opened .acc__content').slideDown(300);
			});
			$('.techwave_fn_accordion .acc__header').on('click',function(){
				var element 	= $(this),
					parent		= element.closest('.acc__item'),
					accordion	= element.closest('.techwave_fn_accordion'),
					content		= parent.find('.acc__content'),
					type		= accordion.data('type');
				if(parent.hasClass('opened')){
					parent.removeClass('opened');
					content.slideUp(300);
				}else{
					if(type === 'accordion'){
						accordion.find('.acc__item').removeClass('opened');
						accordion.find('.acc__content').slideUp(300);
					}
					parent.addClass('opened');
					content.slideDown(300);
				}
			});
		},
		
		search: function(){
			var searchBar		= $('.techwave_fn_searchbar');
			var input			= searchBar.find('.search__input');
			var resultsBar 		= searchBar.find('.search__results');
			var searchOpener	= $('.fn__nav_bar .bar__item_search .item_opener');
			
			// open searchbar
			searchOpener.on('click',function(){
				searchBar.addClass('opened');
				setTimeout(function(){
					input[0].focus();
				},100);
				
				return false;
			});
			
			// close searchbar
			searchBar.find('.search__closer').on('click',function(){
				input.val('');
				resultsBar.removeClass('opened');
				searchBar.removeClass('opened');
				return false;
			});
			
			
			// search something
			var timeout 	= null;
			input.on('keyup', function(){
				var field 	= $(this);
				var text 	= field.val();
				
				clearTimeout(timeout);

				timeout = setTimeout(function () {
					if(text === ''){
						resultsBar.removeClass('opened');
					}else{
						resultsBar.addClass('opened');
						// add your ajax code here
					}
				}, 700);
			});	
		},
		
		animatedText: function(){
			$('.fn__animated_text').each(function(){
				var element = $(this);
				var text	= element.text();
				var letters = text.split('');
				var time 	= element.data('wait');
				if(!time){time = 0;}
				var speed	= element.data('speed');
				if(!speed){speed = 4;}
				speed = speed / 100;
				element.html('<em>321...</em>').addClass('ready');
				
				element.waypoint({
					handler: function(){
						if(!element.hasClass('stop')){
							element.addClass('stop');
							setTimeout(function(){
							element.text('');
								$.each(letters,function(e,i){
									var span = document.createElement("span");
									span.textContent = i;
									span.style.animationDelay = e * speed + 's';
									element.append(span);
								});
							},time);
						}
					},
					offset:'90%'	
				});
					
			});
		},
		
		movingSubMenuForLeftPanel: function(){
			var fixedsub 			= $('.techwave_fn_fixedsub');
			var li					= $('.techwave_fn_leftpanel .group__list > li');
			var rightpart			= $('.techwave_fn_content');
			


			li.on('mouseenter', function(){
				var parentLi 		= $(this);
				var subMenu			= parentLi.children('ul.sub-menu');
				var subMenuHtml 	= subMenu.html();
				//parentLi;
				if(subMenu.length){
					li.removeClass('hovered');
					parentLi.addClass('hovered').parent().addClass('hovered');
					fixedsub.removeClass('opened').children('ul').html('').html(subMenuHtml);
					fixedsub.addClass('opened');
				}else{
					li.removeClass('hovered');
					fixedsub.removeClass('opened');
					parentLi.removeClass('hovered').parent().removeClass('hovered');
				}
				var topOffSet 		= parentLi.offset().top;
				var menuBar			= $('.techwave_fn_leftpanel .leftpanel_content');
				var menuBarOffSet	= menuBar.offset().top;
				var asd				= topOffSet-menuBarOffSet;

				fixedsub.css({top:asd});
				abc();
			});
			function abc(){
				rightpart.on('mouseenter', function(){
					fixedsub.removeClass('opened');
					li.removeClass('hovered').parent().removeClass('hovered');
				});
			}
			abc();	
		},
		
		panelResize: function(){
			var wrapper = $('html');
			$('.techwave_fn_leftpanel .desktop_closer').off().on('click',function(){
				if(wrapper.hasClass('panel-opened')){
					wrapper.removeClass('panel-opened');
					localStorage.frenify_panel = '';
				}else{
					wrapper.addClass('panel-opened');
					localStorage.frenify_panel = 'panel-opened';
				}
				return false;
			});
			$('.techwave_fn_leftpanel .mobile_closer').off().on('click',function(){
				if(wrapper.hasClass('mobile-panel-opened')){
					wrapper.removeClass('mobile-panel-opened');
				}else{
					wrapper.addClass('mobile-panel-opened');
				}
				return false;
			});
		},
		
		navBarItems: function(){
			
			// user details
			var userItem = $('.fn__nav_bar .bar__item_user');
			userItem.find('.user_opener').on('click',function(e){
				e.stopPropagation();
				if(userItem.hasClass('opened')){
					userItem.removeClass('opened');
				}else{
					userItem.addClass('opened');
				}
				// close lightboxes
				$('.bar__item_language,.bar__item_notification').removeClass('opened');
				return false;
			});
			
			userItem.on('click',function(e){
				e.stopPropagation();
			});
			
			$(window).on('click',function(){
				userItem.removeClass('opened');
			});
			
			// light and dark mode
			var darklightSwitcher = $('.fn__nav_bar .bar__item_skin .item_opener');
			darklightSwitcher.off().on('click',function(){
				if($('html').attr('data-techwave-skin') === 'light'){
					$('html').attr('data-techwave-skin','dark');
					localStorage.frenify_skin = 'dark';
				}else{
					$('html').attr('data-techwave-skin','light');
					localStorage.frenify_skin = 'light';
				}
				
				// close lightboxes
				$('.bar__item_user,.bar__item_language,.bar__item_notification').removeClass('opened');
				return false;
			});
			
			// language
			var languageItem = $('.fn__nav_bar .bar__item_language');
			languageItem.find('.item_opener').on('click',function(e){
				e.stopPropagation();
				if(languageItem.hasClass('opened')){
					languageItem.removeClass('opened');
				}else{
					languageItem.addClass('opened');
				}
				// close lightboxes
				$('.bar__item_user,.bar__item_notification').removeClass('opened');
				return false;
			});
			
			languageItem.on('click',function(e){
				e.stopPropagation();
			});
			
			$(window).on('click',function(){
				languageItem.removeClass('opened');
			});
			
			// notifications
			var notificationItem = $('.fn__nav_bar .bar__item_notification');
			notificationItem.find('.item_opener').on('click',function(e){
				e.stopPropagation();
				if(notificationItem.hasClass('opened')){
					notificationItem.removeClass('opened');
				}else{
					notificationItem.addClass('opened');
				}
				// close lightboxes
				$('.bar__item_user,.bar__item_language').removeClass('opened');
				return false;
			});
			
			notificationItem.on('click',function(e){
				e.stopPropagation();
			});
			
			$(window).on('click',function(){
				notificationItem.removeClass('opened');
			});
		},
		
		redetectFullScreen: function(){
			var fbtn = $('.fn__nav_bar .bar__item_fullscreen a');
			if(window.innerHeight === screen.height){
				fbtn.addClass('full_screen');
			}else{
				fbtn.removeClass('full_screen');
			}
		},
		
		fullSCreen: function(){
			var fbtn = $('.fn__nav_bar .bar__item_fullscreen a');
			
			fbtn.off().on('click',function(){
				if(fbtn.hasClass('full_screen')){
					fbtn.removeClass('full_screen');
					if (document.exitFullscreen) {
					  document.exitFullscreen();
					} else if (document.msExitFullscreen) {
					  document.msExitFullscreen();
					} else if (document.mozCancelFullScreen) {
					  document.mozCancelFullScreen();
					} else if (document.webkitExitFullscreen) {
					  document.webkitExitFullscreen();
					}
				}else{
					fbtn.addClass('full_screen');
					 if (document.documentElement.requestFullscreen) {
					  document.documentElement.requestFullscreen();
					} else if (document.documentElement.msRequestFullscreen) {
					  document.documentElement.msRequestFullscreen();
					} else if (document.documentElement.mozRequestFullScreen) {
					  document.documentElement.mozRequestFullScreen();
					} else if (document.documentElement.webkitRequestFullscreen) {
					  document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
					}
				}
				return false;
			});
		},
		
		navSubMenu: function(){
			$('.techwave_fn_leftpanel .menu-item-has-children > a').off().on('click',function(){
				var e = $(this),
					li = e.closest('li');
				if(li.hasClass('closed')){
					li.removeClass('closed');
					li.children('ul').slideDown(200);
				}else{
					li.addClass('closed');
					li.children('ul').slideUp(200);
				}
				return false;
			});
		},
		
		preloader: function(){
			var preloader 	= $('.techwave_fn_preloader');

			var date2 			= new Date();
			var difference		= date2-FrenifyTechWaveTime;
			var waitTime 		= 4000;
			if(difference < waitTime){
				waitTime -= difference;
			}else{
				waitTime = 0;
			}
			if(!preloader.hasClass('wait_for_full_preloading_animation')){
				waitTime = 0;
			}
			setTimeout(function(){
				preloader.addClass('fn_ready');
			},waitTime);
			setTimeout(function() {
				preloader.remove();
			}, waitTime+2000);
		},
		
		imgToSVG: function(){
			$('img.fn__svg').each(function(){
				var img 		= $(this);
				var imgClass	= img.attr('class');
				var imgURL		= img.attr('src');

				$.get(imgURL, function(data) {
					var svg 	= $(data).find('svg');
					if(typeof imgClass !== 'undefined') {
						svg 	= svg.attr('class', imgClass+' replaced-svg');
					}
					img.replaceWith(svg);

				}, 'xml');

			});
		},

	  	BgImg: function(){
			var div = $('*[data-bg-img]');
			div.each(function(){
				var element = $(this);
				var attrBg	= element.attr('data-bg-img');
				var dataBg	= element.data('bg-img');
				if(typeof(attrBg) !== 'undefined'){
					element.css({backgroundImage:'url('+dataBg+')'});
				}
			});
		},
    
  	};
  	
	
	// READY Functions
	$(document).ready(function(){
		FrenifyTechWave.init();
		$(':root').css('--techwave-scroll-y', (window.scrollY * (-1)) + 'px');
		setTimeout(function(){
			FrenifyTechWave.galleryIsotope();
		},500);
	});
	
	// RESIZE Functions
	$(window).on('resize',function(){
		FrenifyTechWave.popupMobile();
		FrenifyTechWave.redetectFullScreen();
		FrenifyTechWave.galleryIsotope();
	});
	
//	$(window).load( function(){
//		FrenifyTechWave.preloader();
//		FrenifyTechWave.galleryIsotope();
//		setTimeout(function(){
//			FrenifyTechWave.galleryIsotope();
//		},1000);
//	});
	
	// LOAD Functions
	$(window).on('load', function(){
		FrenifyTechWave.preloader();
		FrenifyTechWave.galleryIsotope();
		setTimeout(function(){
			FrenifyTechWave.galleryIsotope();
		},1000);
	});
	
	$(window).on('scroll',function(){
		$(':root').css('--techwave-scroll-y', (window.scrollY * (-1)) + 'px');
	});
  	
})(jQuery);