https://www.cesecom.it/assets/js/scripts.js

1/** ********************************************** **
2	@Author			Dorin Grigoras
3	@Website		www.stepofweb.com
4	@Last Update	Wednesday, March 8, 2017
5
6	NOTE! 	Do not change anything here if you want to
7			be able to update in the future! Please use
8			your custom script (eg. custom.js).
9
10
11	TABLE CONTENTS
12	-------------------------------
13
14
15	INLINE SCRIPTS
16	-------------------------------
17		COUNT TO
18			https://github.com/mhuggins/jquery-countTo
19
20		BROWSER DETECT
21
22		Appear
23			https://github.com/bas2k/jquery.appear/
24			
25		Parallax v1.1.3
26			http://www.ianlunn.co.uk/plugins/jquery-parallax/
27
28		jQuery Easing v1.3
29			http://gsgd.co.uk/sandbox/jquery/easing/
30
31		WOW - v1.0.3
32			http://mynameismatthieu.com/WOW/
33
34		Modernizr 3.3.1
35			http://modernizr.com/download/#-csstransforms3d-csstransitions-video-touch-shiv-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
36*************************************************** **/
37	window.width 	= jQuery(window).width();
38	window.height 	= jQuery(window).height();
39
40	/* Init */
41	jQuery(window).ready(function () {
42
43		// Load Bootstrap JS
44		loadScript(plugin_path + 'bootstrap/js/bootstrap.min.js', function() {
45
46			// Load Material Design Js
47			if(jQuery("body").hasClass('enable-materialdesign')) {
48				loadScript(plugin_path + 'mdl/material.min.js');
49			}
50
51			// Init
52			Init(false);
53
54		});
55
56
57		/* --- */
58		if(jQuery("html").hasClass("chrome") && jQuery("body").hasClass("smoothscroll") && navigator.platform.indexOf('Mac') < 0) {
59
60			loadScript(plugin_path + 'smoothscroll.js', function() {
61				jQuery.smoothScroll();
62			});
63
64		}
65		/* --- */
66	});
67
68
69/** Init
70	Ajax Reinit:		Init(true);
71 **************************************************************** **/
72	function Init(is_ajax) {
73
74		// First Load Only
75		if(is_ajax != true) {
76		
77			_afterResize();
78			_slider_full();
79			_topNav();
80			_megaNavHorizontal();
81			_sideNav();
82			_stickyFooter();
83			_infiniteScroll();
84
85		}
86
87		// Reinit on Ajax
88		_owl_carousel();
89		_flexslider();
90		_popover();
91		_lightbox();
92		_mixitup();
93		_animate();
94		_onepageNav();
95		_scrollTo(false, 0);
96		_parallax();
97		_video();
98		_youtubeBG();
99		_toggle();
100		_placeholder();
101		_wrotate();
102		_lazyload();
103		_misc();
104		_countDown();
105		_masonryGallery();
106		_toastr(false,false,false,false);
107		_charts();
108		_select2();
109		_form();
110		_pickers();
111		_editors();
112		_pajinate();
113		_zoom();
114		_autosuggest();
115		_stepper();
116		_slimScroll();
117		_modalAutoLoad();
118		_bgimage();
119		_cookie_alert();
120		_widget_flickr();
121		_widget_facebook();
122		_widget_dribbble();
123		_widget_media();
124
125		/** Bootstrap Tooltip **/ 
126		jQuery("a[data-toggle=tooltip], button[data-toggle=tooltip], span[data-toggle=tooltip]").tooltip();
127	}
128
129
130
131/** Preloader
132 **************************************************************** **/
133	if(jQuery('#preloader').length > 0) {
134
135		jQuery(window).on("load", function() {
136			
137			jQuery('#preloader').fadeOut(1000, function() {
138				jQuery('#preloader').remove();
139			});
140
141			// setTimeout(function() {}, 1000); 
142		  
143		});
144
145	}
146
147
148
149/** After Resize
150 **************************************************************** **/
151	function _afterResize() {
152
153		jQuery(window).on("load", function() {
154			"use strict";
155
156			// On Resize
157			jQuery(window).resize(function() {
158
159				if(window.afterResizeApp) {
160					clearTimeout(window.afterResizeApp);
161				}
162
163				window.afterResizeApp = setTimeout(function() {
164
165					/**
166						After Resize Code
167						.................
168					**/
169
170					_slider_full();
171
172					window.width 	= jQuery(window).width();
173					window.height 	= jQuery(window).height();
174
175					// Resize Flex Slider if exists!
176					if(jQuery('.flexslider').length > 0) {
177						jQuery('.flexslider').resize();
178					}
179
180
181				}, 300);
182
183			});
184
185		});
186
187	}
188
189
190
191/** Load Script
192
193	USAGE
194	var pageInit = function() {}
195	loadScript(plugin_path + "script.js", function);
196
197	Load multiple scripts and call a final function
198	loadScript(plugin_path + "script1.js", function(){
199		loadScript(plugin_path + "script2.js", function(){
200			loadScript(plugin_path + "script3.js", function(){
201				loadScript(plugin_path + "script4.js", function);
202			});
203		});
204	});
205 **************************************************************** **/
206	var _arr 	= {};
207	function loadScript(scriptName, callback) {
208
209		if (!_arr[scriptName]) {
210			_arr[scriptName] = true;
211
212			var body 		= document.getElementsByTagName('body')[0];
213			var script 		= document.createElement('script');
214			script.type 	= 'text/javascript';
215			script.src 		= scriptName;
216
217			// then bind the event to the callback function
218			// there are several events for cross browser compatibility
219			// script.onreadystatechange = callback;
220			script.onload = callback;
221
222			// fire the loading
223			body.appendChild(script);
224
225		} else if (callback) {
226
227			callback();
228
229		}
230
231	};
232
233
234
235
236
237
238
239/** 00. Slider Full Height
240 **************************************************************** **/
241	function _slider_full() {
242		_headerHeight = 0;
243
244		if(jQuery("#header").hasClass('transparent') || jQuery("#header").hasClass('translucent')) {
245			_headerHeight = 0;
246		} else {
247			_headerHeight = jQuery("#header").outerHeight();
248			
249			if(jQuery("#topBar").length > 0) {
250				_headerHeight = _headerHeight + jQuery("#topBar").outerHeight();
251			}
252		}
253
254		_screenHeight = jQuery(window).height() - _headerHeight;
255
256		if(jQuery("#header").hasClass('static'))
257			_screenHeight = jQuery(window).height();
258
259		if(jQuery("#slider").hasClass('halfheight')) {
260			jQuery("#slider.halfheight").height(_screenHeight / 2);
261		}
262
263		if(jQuery("#slider").hasClass('thirdheight')) {
264			jQuery("#slider.thirdheight").height(_screenHeight / 1.5);
265		}
266
267		if(jQuery("#slider").hasClass('fullheight')) {
268			jQuery("#slider.fullheight").height(_screenHeight);
269			jQuery("#slider.fullheight-min").css({"min-height":_screenHeight + "px"});
270		}
271
272		if(window.width < 960) {
273			jQuery("#slider.mobile-fullheight").height(_screenHeight);
274		}
275	}
276
277
278
279
280
281
282
283
284/** 01. Top Nav
285 **************************************************************** **/
286	function _topNav() {
287		window.scrollTop 		= 0;
288		window._cmScroll 		= 0;
289		var _header_el 			= jQuery("#header");
290
291		jQuery(window).scroll(function() {
292			_toTop();
293		});
294
295		/* Scroll To Top */
296		function _toTop() {
297			_scrollTop = jQuery(document).scrollTop();
298			
299			if(_scrollTop > 100) {
300
301				if(jQuery("#toTop").is(":hidden")) {
302					jQuery("#toTop").show();
303				}
304
305			} else {
306
307				if(jQuery("#toTop").is(":visible")) {
308					jQuery("#toTop").hide();
309				}
310
311			}
312
313		}
314
315
316		// Mobile Submenu
317		var addActiveClass 	= false;
318		jQuery("#topMain a.dropdown-toggle").bind("click", function(e) {
319			
320			if(jQuery(this).attr('href') == "#") {
321				e.preventDefault();
322			}
323
324			addActiveClass = jQuery(this).parent().hasClass("resp-active");
325			jQuery("#topMain").find(".resp-active").removeClass("resp-active");
326
327			if(!addActiveClass) {
328				jQuery(this).parents("li").addClass("resp-active");
329			}
330
331			return;
332
333		});
334
335
336		// Srearch
337		jQuery('li.search i.fa').click(function () {
338			if(jQuery('#header .search-box').is(":visible")) {
339				jQuery('#header .search-box').fadeOut(300);

340			} else {
341				jQuery('.search-box').fadeIn(300);
342				jQuery('#header .search-box form input').focus();
343
344				// hide quick cart if visible
345				if (jQuery('#header li.quick-cart div.quick-cart-box').is(":visible")) {
346					jQuery('#header li.quick-cart div.quick-cart-box').fadeOut(300);
347				}
348			}
349		}); 
350
351		// close search box on body click
352		if(jQuery('#header li.search i.fa').size() != 0) {
353			jQuery('#header .search-box, #header li.search i.fa').on('click', function(e){
354				e.stopPropagation();
355			});
356
357			jQuery('body').on('click', function() {
358				if(jQuery('#header li.search .search-box').is(":visible")) {
359					jQuery('#header .search-box').fadeOut(300);
360				}
361			});
362		}
363
364		jQuery(document).bind("click", function() {
365			if(jQuery('#header li.search .search-box').is(":visible")) {
366				jQuery('#header .search-box').fadeOut(300);
367			}
368		});
369
370
371		// Close Fullscreen Search
372		jQuery("#closeSearch").bind("click", function(e) {
373			e.preventDefault();
374
375			jQuery('#header .search-box').fadeOut(300);
376		});
377
378
379
380		// Page Menu [mobile]
381		jQuery("button#page-menu-mobile").bind("click", function() {
382			jQuery(this).next('ul').slideToggle(150);
383		});
384
385
386		// Quick Cart
387		jQuery('li.quick-cart>a').click(function (e) {
388			e.preventDefault();
389			
390			var _quick_cart_box = jQuery('li.quick-cart div.quick-cart-box');
391
392			if(_quick_cart_box.is(":visible")) {
393				_quick_cart_box.fadeOut(300);
394			} else {
395				_quick_cart_box.fadeIn(300);
396
397				// close search if visible
398				if(jQuery('li.search .search-box').is(":visible")) {
399					jQuery('.search-box').fadeOut(300);
400				}
401			}
402		});
403		// close quick cart on body click
404		if(jQuery('li.quick-cart>a').size() != 0) {
405			jQuery('li.quick-cart').on('click', function(e){
406				e.stopPropagation();
407			});
408
409			jQuery('body').on('click', function() {
410				if (jQuery('li.quick-cart div.quick-cart-box').is(":visible")) {
411					jQuery('li.quick-cart div.quick-cart-box').fadeOut(300);
412				}
413			});
414		}
415
416
417		// Page Menu [scrollTo]
418		jQuery("#page-menu ul.menu-scrollTo>li").bind("click", function(e) {
419
420			// calculate padding-top for scroll offset
421			var _href 	= jQuery('a', this).attr('href');
422			
423			if(!jQuery('a', this).hasClass('external')) {
424				e.preventDefault();
425
426				jQuery("#page-menu ul.menu-scrollTo>li").removeClass('active');
427				jQuery(this).addClass('active');
428
429				if(jQuery(_href).length > 0) {
430
431					_padding_top = 0;
432
433					if(jQuery("#header").hasClass('sticky')) {
434						_padding_top = jQuery(_href).css('padding-top');
435						_padding_top = _padding_top.replace('px', '');
436					}
437
438					jQuery('html,body').animate({scrollTop: jQuery(_href).offset().top - _padding_top}, 800, 'easeInOutExpo');
439
440				}
441
442			}
443
444		});
445	
446
447
448
449		// MOBILE TOGGLE BUTTON
450		window.currentScroll = 0;
451		jQuery("button.btn-mobile").bind("click", function(e) {
452			e.preventDefault();
453
454			jQuery(this).toggleClass('btn-mobile-active');
455			jQuery('html').removeClass('noscroll');
456			jQuery('#menu-overlay').remove();
457
458			if(jQuery(this).hasClass('btn-mobile-active')) {
459				jQuery('html').addClass('noscroll');
460				jQuery('body').append('<div id="menu-overlay"></div>');
461				 window.currentScroll = jQuery(window).scrollTop();
462			} else {
463				 jQuery('html,body').animate({scrollTop: currentScroll}, 300, 'easeInOutExpo');
464			}
465		});
466
467
468
469
470		// BOTTOM NAV
471		if(_header_el.hasClass('bottom')) {
472
473			// Add dropup class
474			_header_el.addClass('dropup');
475			window.homeHeight 	= jQuery(window).outerHeight() - 55;
476		
477
478			// sticky header
479			if(_header_el.hasClass('sticky')) {
480				window.isOnTop 		= true;
481
482
483				// if scroll is > 60%, remove class dropup
484				jQuery(window).scroll(function() {
485					if(jQuery(document).scrollTop() > window.homeHeight / 2) {
486						_header_el.removeClass('dropup');
487					} else {
488						_header_el.addClass('dropup');
489					}
490				});
491
492
493				// Add fixed|not fixed & dropup|no dropup
494				jQuery(window).scroll(function() {
495					if(jQuery(document).scrollTop() > window.homeHeight) {
496						if(window.isOnTop === true) {
497							jQuery('#header').addClass('fixed');
498							_header_el.removeClass('dropup');
499							window.isOnTop = false;
500						}
501					} else {
502						if(window.isOnTop === false) {
503							jQuery('#header').removeClass('fixed');
504							_header_el.addClass('dropup');
505							window.isOnTop = true;
506						}
507					}
508				});
509
510				// get window height on resize
511				jQuery(window).resize(function() {
512					window.homeHeight = jQuery(window).outerHeight();
513				});
514
515			}
516
517		} else
518
519		// STICKY
520		if(_header_el.hasClass('sticky')) {
521
522			_topBar_H 	= jQuery("#topBar").outerHeight() || 0;
523
524			// Force fixed header on mobile to avoid "jump" effect.
525			if(window.width <= 992 && _topBar_H < 1) {
526
527				var _scrollTop 	= jQuery(document).scrollTop();
528					_header_H 	= _header_el.outerHeight() || 0;
529
530					_header_el.addClass('fixed');
531					jQuery('body').css({"padding-top":_header_H+"px"});
532
533			}
534
535
536
537			jQuery(window).scroll(function() {
538
539				if((window.width > 992 && _topBar_H < 1) || _topBar_H > 0) { // 992 to disable on mobile
540
541					var _scrollTop 	= jQuery(document).scrollTop();
542
543					if(_scrollTop > _topBar_H) {
544						_header_el.addClass('fixed');
545
546						_header_H = _header_el.outerHeight() || 0;
547
548						if(!_header_el.hasClass('transparent') && !_header_el.hasClass('translucent')) {
549							jQuery('body').css({"padding-top":_header_H+"px"});
550						}
551
552					} else {
553						if(!_header_el.hasClass('transparent') && !_header_el.hasClass('translucent')) {
554							jQuery('body').css({"padding-top":"0px"});
555						}
556
557						_header_el.removeClass('fixed');
558					}
559
560				}
561
562
563
564				// SWITCH DROPDOWN MENU CLASS ON SCROLL
565				if(_header_el.hasClass('transparent')) {
566
567					var _el 					= jQuery("#topNav div.nav-main-collapse"),
568						_data_switch_default 	= _el.attr('data-switch-default') 	|| '',
569						_data_switch_scroll 	= _el.attr('data-switch-scroll') 	|| '';
570
571
572					if(_data_switch_default != '' || _data_switch_scroll != '') {
573
574						if(_scrollTop > 0) {
575
576							if(window._cmScroll < 1) {
577
578								_el.removeClass(_data_switch_default, _data_switch_scroll).addClass(_data_switch_scroll);
579
580								// set to 1, we want to change classes once, not for each pixel on scroll
581								window._cmScroll = 1;
582
583							}
584
585						} else
586
587						if(_scrollTop < 1) {
588
589							_el.removeClass(_data_switch_default, _data_switch_scroll).addClass(_data_switch_default);
590
591							// Set back to 0
592							window._cmScroll = 0;
593
594						}
595
596					}
597
598
599				}
600
601
602			});
603
604		} else 
605
606
607		// STATIC + TRANSPARENT
608		if(_header_el.hasClass('static') && _header_el.hasClass('transparent')) {
609
610			_topBar_H 	= jQuery("#topBar").outerHeight() || 0;
611
612			// Force fixed header on mobile to avoid "jump" effect.
613			if(window.width <= 992 && _topBar_H < 1) {
614
615				var _scrollTop 	= jQuery(document).scrollTop();
616					_header_H 	= _header_el.outerHeight() || 0;
617
618					_header_el.addClass('fixed');
619
620			}
621
622
623
624			jQuery(window).scroll(function() {
625
626				if((window.width > 992 && _topBar_H < 1) || _topBar_H > 0) { // 992 to disable on mobile
627
628					var _scrollTop 	= jQuery(document).scrollTop();
629
630					if(_scrollTop > _topBar_H) {
631						_header_el.addClass('fixed');
632
633						_header_H = _header_el.outerHeight() || 0;
634
635					} else {
636
637
638						_header_el.removeClass('fixed');
639					}
640
641				}
642
643			});
644
645
646
647		} else
648		
649		if(_header_el.hasClass('static')) {
650			// _header_H = _header_el.outerHeight() + "px";
651			// jQuery('body').css({"padding-top":_header_H});
652		}
653
654
655
656		// Slide Top
657		jQuery("#slidetop a.slidetop-toggle").bind("click", function() {
658			jQuery("#slidetop .container").slideToggle(150, function() {
659
660				if(jQuery("#slidetop .container").is(":hidden")) {
661					jQuery("#slidetop").removeClass('active');
662				} else {
663					jQuery("#slidetop").addClass('active');
664				}
665
666			});
667		});
668		// 'esc' key
669		jQuery(document).keyup(function(e) {
670			if(e.keyCode == 27) {
671				if(jQuery("#slidetop").hasClass("active")) {
672					jQuery("#slidetop .container").slideToggle(150, function() {
673						jQuery("#slidetop").removeClass('active');
674					});

675				}
676			}
677		});
678
679		// Slide Panel
680		jQuery("a#sidepanel_btn").bind("click", function(e) {
681			e.preventDefault();
682
683			_pos = "right";
684			if(jQuery("#sidepanel").hasClass('sidepanel-inverse')) {
685				_pos = "left";
686			}
687
688			if(jQuery("#sidepanel").is(":hidden")) {
689
690				jQuery("body").append('<span id="sidepanel_overlay"></span>');
691
692				if(_pos == "left") {
693					jQuery("#sidepanel").stop().show().animate({"left":"0px"}, 150);
694				} else {
695					jQuery("#sidepanel").stop().show().animate({"right":"0px"}, 150);
696				}
697
698			} else {
699
700				jQuery("#sidepanel_overlay").remove();
701
702				if(_pos == "left") {
703					jQuery("#sidepanel").stop().animate({"left":"-300px"}, 300);
704				} else {
705					jQuery("#sidepanel").stop().animate({"right":"-300px"}, 300);
706				}
707
708				setTimeout(function() {
709					jQuery("#sidepanel").hide();
710				}, 500);
711
712			}
713			
714			_sidepanel_overlay();
715
716		});
717		// button close
718		jQuery("#sidepanel_close").bind("click", function(e) {
719			e.preventDefault();
720			jQuery("a#sidepanel_btn").trigger('click');
721		});
722		// overlay click
723		function _sidepanel_overlay() {
724			jQuery("#sidepanel_overlay").unbind();
725			jQuery("#sidepanel_overlay").bind("click", function() {
726				jQuery("a#sidepanel_btn").trigger('click');
727			});
728		}
729		// 'esc' key
730		jQuery(document).keyup(function(e) {
731			if(e.keyCode == 27) {
732				if(jQuery("#sidepanel").is(":visible")) {
733					jQuery("a#sidepanel_btn").trigger('click');
734				}
735			}
736		});
737
738
739
740		/** OVERLAY MENU
741		 *************************** **/
742		if(jQuery("#menu_overlay_open").length > 0) {
743			var is_ie9 = jQuery('html').hasClass('ie9') ? true : false;
744
745			if(is_ie9 == true) {
746				jQuery("#topMain").hide();
747			}
748
749			// open
750			jQuery("#menu_overlay_open").bind("click", function(e) {
751				e.preventDefault();
752				
753				jQuery('body').addClass('show-menu');
754
755				if(is_ie9 == true) {
756					jQuery("#topMain").show();
757				}
758
759			});
760
761			// close
762			jQuery("#menu_overlay_close").bind("click", function(e) {
763				e.preventDefault();
764
765				if(jQuery('body').hasClass('show-menu')) {
766					jQuery('body').removeClass('show-menu');
767				}
768
769				if(is_ie9 == true) {
770					jQuery("#topMain").hide();
771				}
772
773			});
774
775			// 'esc' key
776			jQuery(document).keyup(function(e) {
777				if(e.keyCode == 27) {
778					if(jQuery('body').hasClass('show-menu')) {
779						jQuery('body').removeClass('show-menu');
780					}
781
782					if(is_ie9 == true) {
783						jQuery("#topMain").hide();
784					}
785				}
786			});
787
788		}
789
790		/** VERTICAL MENU SHOW|HIDE
791		 *************************** **/
792		// RTL supported!
793		if(jQuery("#sidebar_vertical_btn").length > 0) {
794			if(jQuery("body").hasClass('menu-vertical-hide')) {
795
796				// Determine the position (left or right?)
797				_paddingStatusL = jQuery("#mainMenu.sidebar-vertical").css('left');
798				_paddingStatusR = jQuery("#mainMenu.sidebar-vertical").css('right');
799
800				if(parseInt(_paddingStatusL) < 0) {
801					var _pos = "left";
802				} else
803
804				if(parseInt(_paddingStatusR) < 0) {
805					var _pos = "right";
806				}
807
808				else {
809					var _pos = "left";
810				}
811
812				// Show|Hide Vertical Menu
813				jQuery("#sidebar_vertical_btn").bind("click", function(e) {
814
815					_paddingStatus = jQuery("#mainMenu.sidebar-vertical").css(_pos);
816
817					if(parseInt(_paddingStatus) < 0) {
818						if(_pos == "right") {
819							jQuery("#mainMenu.sidebar-vertical").stop().animate({"right":"0px"}, 200);
820						} else {
821							jQuery("#mainMenu.sidebar-vertical").stop().animate({"left":"0px"}, 200);
822						}
823					} else {
824						if(_pos == "right") {
825							jQuery("#mainMenu.sidebar-vertical").stop().animate({"right":"-263px"}, 200);
826						} else {
827							jQuery("#mainMenu.sidebar-vertical").stop().animate({"left":"-263px"}, 200);
828						}
829					}
830				});
831
832				// Hide on scroll
833				jQuery(window).scroll(function() {
834
835					_paddingStatus = parseInt(jQuery("#mainMenu.sidebar-vertical").css(_pos));
836
837					if(_paddingStatus >= 0) {
838						if(_pos == "right") {
839							jQuery("#mainMenu.sidebar-vertical").stop().animate({"right":"-263px"}, 200);
840						} else {
841							jQuery("#mainMenu.sidebar-vertical").stop().animate({"left":"-263px"}, 200);
842						}
843					}
844
845				});
846
847			}
848		}
849
850		// quick cart & search for mobile - top calculate
851		// Quick Cart & top Search Fix (if #topBar exists).
852		if(jQuery("#topBar").length > 0) {
853			jQuery("#topNav ul").addClass('has-topBar');
854		}
855		
856		// Hide Cart & Search on Scroll
857		jQuery(window).scroll(function() {
858			if(window.width < 769) {
859				// hide quick cart if visible
860				if (jQuery('#header li.quick-cart div.quick-cart-box').is(":visible")) {
861					jQuery('#header li.quick-cart div.quick-cart-box').fadeOut(0);
862				}
863				// hide search if visible
864				if(jQuery('#header li.search .search-box').is(":visible")) {
865					jQuery('#header .search-box').fadeOut(0);
866				}
867			}
868		});
869	}
870
871
872
873
874
875
876
877/** Main Navigation
878 **************************************************************** **/
879	function _megaNavHorizontal() {
880
881		// WRAPPER MAIN MENU
882		if(jQuery("#wrapper nav.main-nav").length > 0) {
883
884			var _sliderWidth 	= jQuery("#slider").width(),
885				_sliderHeight 	= jQuery("#wrapper nav.main-nav").height();
886
887			// Submenu widh & height
888			jQuery("#wrapper nav.main-nav>div>ul>li>.main-nav-submenu").css({"min-height":_sliderHeight+"px"});
889			jQuery("#wrapper nav.main-nav>div>ul>li.main-nav-expanded>.main-nav-submenu").css({"width":_sliderWidth+"px"});
890
891			// SUBMENUS
892			jQuery("#wrapper nav.main-nav>div>ul>li").bind("click", function(e) {
893				var _this = jQuery(this);
894
895				if(!jQuery('div', _this).hasClass('main-nav-open')) {
896					jQuery("#wrapper nav.main-nav>div>ul>li>.main-nav-submenu").removeClass('main-nav-open');
897				}
898
899				jQuery('div', _this).toggleClass('main-nav-open');
900			});
901
902		}
903
904
905
906
907
908
909		// HEADER MAIN MENU
910		var _hsliderWidth 	= jQuery("#header>.container").width() - 278,
911			_hsliderHeight 	= jQuery("#header nav.main-nav").height();
912
913		// Submenu widh & height
914		jQuery("#header nav.main-nav>div>ul>li>.main-nav-submenu").css({"min-height":_hsliderHeight+"px"});
915		jQuery("#header nav.main-nav>div>ul>li.main-nav-expanded>.main-nav-submenu").css({"width":_hsliderWidth+"px"});
916
917
918		// SUBMENUS
919		jQuery("#header nav.main-nav>div>ul>li").bind("click", function(e) {
920			var _this = jQuery(this);
921
922			if(!jQuery('div', _this).hasClass('main-nav-open')) {
923				jQuery("#header nav.main-nav>div>ul>li>.main-nav-submenu").removeClass('main-nav-open');
924			}
925
926			jQuery('div', _this).toggleClass('main-nav-open');
927		});
928
929
930
931
932		// HEADER MAIN MENU
933		if(window.width > 767) { //  desktop|tablet
934
935			jQuery("#header button.nav-toggle").mouseover(function(e) {
936				e.preventDefault();
937
938				_initMainNav();
939
940			});
941
942
943		} else { // mobile
944
945			jQuery("#header button.nav-toggle").bind("click", function(e) {
946				e.preventDefault();
947
948				_initMainNav();
949
950			});
951
952		}
953
954        jQuery('body').on('click', '#header button.nav-toggle, #header nav.main-nav', function (e) {
955            e.stopPropagation();
956        });
957
958        jQuery("#header button.nav-toggle, #header nav.main-nav").mouseover(function(e) {
959        	 e.stopPropagation();
960        });
961
962
963		jQuery(document).bind("click", function() {
964
965			_hideMainNav();
966
967		});
968
969
970
971		function _initMainNav() {
972
973			// remove overlay first, no matter what
974			jQuery("#main-nav-overlay").remove();
975		
976			// open menu
977			jQuery("#header nav.main-nav").addClass('min-nav-active');
978
979			// add overlay
980			jQuery('body').append('<div id="main-nav-overlay"></div>');
981
982
983			// Mobile menu open|close on click
984			jQuery('#header button.nav-toggle-close').bind("click", function() {
985				jQuery("#header nav.main-nav").removeClass('min-nav-active');
986			});
987
988			// Close menu on hover
989	        jQuery("#main-nav-overlay, #header").mouseover(function() {
990
991	        	_hideMainNav();
992
993	        });
994
995		}
996
997		function _hideMainNav() {
998			jQuery("#main-nav-overlay").remove();
999			jQuery("#header nav.main-nav").removeClass('min-nav-active');
1000		}
1001
1002
1003		// Menu Click
1004		jQuery("nav.main-nav>div>ul>li a").bind("click", function(e) {
1005			var _href = jQuery(this).attr('href');
1006
1007			if(_href == '#') {
1008				e.preventDefault();
1009			}
1010		});
1011	}
1012
1013
1014
1015
1016
1017
1018
1019/** 02. Side Nav
1020 **************************************************************** **/
1021	function _sideNav() {
1022
1023
1024		/* Mobile Button */
1025		jQuery("div.side-nav").each(function() {
1026			var _t = jQuery('ul', this);
1027			jQuery('button', this).bind("click", function() {
1028				_t.slideToggle(300);
1029			});
1030		});
1031
1032
1033		/* Submenus */
1034		jQuery("div.side-nav>ul>li>a.dropdown-toggle").bind("click", function(e) {
1035			e.preventDefault();
1036
1037			jQuery(this).next('ul').slideToggle(200);
1038			jQuery(this).closest('li').toggleClass('active');
1039		});
1040
1041	}
1042
1043
1044
1045/** 02. Animate
1046
1047	EXAMPLE USAGE
1048	<img class="wow fadeInUp" data-wow-delay="0.1s" src="image.jpg" alt="" />
1049 **************************************************************** **/
1050	function _animate() {
1051
1052		if(jQuery("body").hasClass('enable-animation')) {
1053
1054			var wow = new WOW({
1055				boxClass: 		'wow',
1056				animateClass: 	'animated',
1057				offset: 		90,
1058				mobile: 		false, 
1059				live: 			true 
1060			});   
1061			
1062			wow.init();
1063
1064		}
1065
1066		// Count To
1067        jQuery(".countTo").appear(function(){
1068			var _t 					= jQuery(this),
1069				_from 				= _t.attr('data-from') 				|| 0,
1070				_speed 				= _t.attr('data-speed') 			|| 1300,
1071				_refreshInterval 	= _t.attr('data-refreshInterval') 	|| 60;
1072				
1073
1074            _t.countTo({
1075                from: 				parseInt(_from),
1076                to: 				_t.html(),
1077                speed: 				parseInt(_speed),
1078                refreshInterval: 	parseInt(_refreshInterval),
1079            });
1080            
1081        });
1082	}
1083
1084
1085
1086/** Onepage Nav
1087 **************************************************************** **/
1088	function _onepageNav() {
1089
1090
1091		// Top Navigation
1092		var _container1 = jQuery(".nav-onepage");
1093
1094		if(_container1.length > 0) {
1095
1096			loadScript(plugin_path + 'jquery.nav.min.js', function() {
1097
1098				jQuery(_container1).onePageNav({
1099					currentClass: 		'active',
1100					changeHash: 		false,
1101					scrollSpeed: 		750,
1102					scrollThreshold: 	0.5,
1103					filter: 			':not(.external)',
1104					easing: 			'easeInOutExpo'
1105				});
1106
1107			});
1108		
1109		}
1110
1111
1112		// Bullet Navigation
1113		var _container2 = jQuery("#nav-bullet");
1114
1115		if(_container2.length > 0) {
1116
1117			loadScript(plugin_path + 'jquery.nav.min.js', function() {
1118
1119				jQuery(_container2).onePageNav({
1120					currentClass: 		'active',
1121					changeHash: 		false,
1122					scrollSpeed: 		750,
1123					scrollThreshold: 	0.5,
1124					filter: 			':not(.external)',
1125					easing: 			'easeInOutExpo'
1126				});
1127
1128			});
1129		
1130		}
1131
1132
1133	}
1134
1135
1136
1137/** 03. OWL Carousel
1138 **************************************************************** **/
1139	function _owl_carousel() {
1140		var _container = jQuery("div.owl-carousel");
1141
1142		if(_container.length > 0) {
1143
1144			loadScript(plugin_path + 'owl-carousel/owl.carousel.min.js', function() {
1145
1146				_container.each(function() {
1147
1148					var slider 		= jQuery(this);
1149					var options 	= slider.attr('data-plugin-options');
1150
1151					// Progress Bar
1152					var $opt = eval('(' + options + ')');  // convert text to json
1153
1154					if($opt.progressBar == 'true') {
1155						var afterInit = progressBar;
1156					} else {
1157						var afterInit = false;
1158					}
1159
1160					var defaults = {
1161						items: 					5,
1162						itemsCustom: 			false,
1163						itemsDesktop: 			[1199,4],
1164						itemsDesktopSmall: 		[980,3],
1165						itemsTablet: 			[768,2],
1166						itemsTabletSmall: 		false,
1167						itemsMobile: 			[479,1],
1168						singleItem: 			true,
1169						itemsScaleUp: 			false,
1170
1171						slideSpeed: 			200,
1172						paginationSpeed: 		800,
1173						rewindSpeed: 			1000,
1174
1175						autoPlay: 				false,
1176						stopOnHover: 			false,
1177
1178						navigation: 			false,
1179						navigationText: [
1180											'<i class="fa fa-angle-left"></i>',
1181											'<i class="fa fa-angle-right"></i>'
1182										],
1183						rewindNav: 				true,
1184						scrollPerPage: 			false,
1185
1186						pagination: 			true,
1187						paginationNumbers: 		false,
1188
1189						responsive: 			true,
1190						responsiveRefreshRate: 	200,
1191						responsiveBaseWidth: 	window,
1192
1193						baseClass: 				"owl-carousel",
1194						theme: 					"owl-theme",
1195
1196						lazyLoad: 				false,
1197						lazyFollow: 			true,
1198						lazyEffect: 			"fade",
1199
1200						autoHeight: 			false,
1201
1202						jsonPath: 				false,
1203						jsonSuccess: 			false,
1204
1205						dragBeforeAnimFinish: 	true,
1206						mouseDrag: 				true,
1207						touchDrag: 				true,
1208
1209						transitionStyle: 		false,
1210
1211						addClassActive: 		false,
1212
1213						beforeUpdate: 			false,
1214						afterUpdate: 			false,
1215						beforeInit: 			false,
1216						afterInit: 				afterInit,
1217						beforeMove: 			false,
1218						afterMove: 				(afterInit == false) ? false : moved,
1219						afterAction: 			false,
1220						startDragging: 			false,
1221                        afterLazyLoad: false,
1222                        margin: 200
1223					}
1224
1225					var config = jQuery.extend({}, defaults, options, slider.data("plugin-options"));
1226					slider.owlCarousel(config).addClass("owl-carousel-init");
1227					
1228
1229					// Progress Bar
1230					var elem = jQuery(this);
1231
1232					//Init progressBar where elem is $("#owl-demo")
1233					function progressBar(elem){
1234					  $elem = elem;
1235					  //build progress bar elements
1236					  buildProgressBar();
1237					  //start counting
1238					  start();
1239					}
1240				 
1241					//create div#progressBar and div#bar then prepend to $("#owl-demo")
1242					function buildProgressBar(){
1243					  $progressBar = jQuery("<div>",{
1244						id:"progressBar"
1245					  });
1246					  $bar = jQuery("<div>",{
1247						id:"bar"
1248					  });
1249					  $progressBar.append($bar).prependTo($elem);
1250					}
1251
1252					function start() {
1253					  //reset timer
1254					  percentTime = 0;
1255					  isPause = false;
1256					  //run interval every 0.01 second
1257					  tick = setInterval(interval, 10);
1258					};
1259
1260			 
1261					var time = 7; // time in seconds
1262					function interval() {
1263					  if(isPause === false){
1264						percentTime += 1 / time;
1265						$bar.css({
1266						   width: percentTime+"%"
1267						 });
1268						//if percentTime is equal or greater than 100
1269						if(percentTime >= 100){
1270						  //slide to next item 
1271						  $elem.trigger('owl.next')
1272						}
1273					  }
1274					}
1275				 
1276					//pause while dragging 
1277					function pauseOnDragging(){
1278					  isPause = true;
1279					}
1280				 
1281					//moved callback
1282					function moved(){
1283					  //clear interval
1284					  clearTimeout(tick);
1285					  //start again
1286					  start();
1287					}
1288
1289				});
1290
1291			});
1292
1293		}
1294
1295
1296
1297		// OWL CAROUSEL 2
1298		var _container2 = jQuery("div.owl-carousel-2");
1299
1300		if(_container2.length > 0) {
1301
1302			loadScript(plugin_path + 'owl-carousel-2/owl.carousel.min.js', function() {
1303
1304
1305				_container2.each(function() {
1306					var _this 		= jQuery(this),
1307						_options 	= _this.attr('data-plugin-options');
1308
1309					_defaults = {
1310					    loop: 					true,
1311					    margin: 				10,
1312					    nav: 					true,
1313
1314					    center: 				false,
1315					    mouseDrag: 				true,
1316					    touchDrag: 				true,
1317					    pullDrag: 				true,
1318					    freeDrag: 				false,
1319					    stagePadding: 			0,
1320					    merge: 					false,
1321					    mergeFit: 				true,
1322					    autoWidth: 				false,
1323					    startPosition: 			0,
1324					    URLhashListener: 		false,
1325					    navRewind: 				true,
1326					    navText: 				[
1327													'<i class="fa fa-angle-left"></i>',
1328													'<i class="fa fa-angle-right"></i>'
1329												],
1330						slideBy: 				1,
1331						dots: 					true,
1332						dotsEach: 				false,
1333						dotData: 				false,
1334						lazyLoad: 				false,
1335						lazyContent: 			false,
1336						autoplay: 				false,
1337						autoplayTimeout: 		3000,
1338						autoplayHoverPause: 	false,
1339						smartSpeed: 			250,
1340						//fluidSpeed: 			'Number',
1341						autoplaySpeed: 			false,
1342						navSpeed: 				false,
1343						//dotsSpeed: 			'Number/Boolean',
1344						dragEndSpeed: 			false,
1345						callbacks: 				true,
1346						responsiveRefreshRate: 	200,
1347						responsiveBaseElement: 	'#wrapper',
1348						responsiveClass: 		true,
1349						video: 					false,
1350						videoHeight: 			false,
1351						videoWidth: 			false,
1352						animateOut: 			false,
1353						animateIn: 

1353				false,
1354						fallbackEasing: 		'swing',
1355						info: 					false,
1356						nestedItemSelector: 	false,
1357						itemElement: 			'div',
1358						navContainer: 			false,
1359						dotsContainer: 			false,
1360
1361						animateOut: 			"slideOutDown", 
1362						animateIn: 				"flipInX", 
1363
1364					    responsive:{
1365					        0:{
1366					            items:1
1367					        },
1368					        600:{
1369					            items:2
1370					        },
1371					        1000:{
1372					            items:5
1373					        }
1374					    }
1375					};
1376
1377
1378					var _config = jQuery.extend({}, _defaults, JSON.parse(_options));
1379					_this.owlCarousel(_config).addClass("owl-loaded");
1380
1381
1382				});
1383
1384
1385			});
1386
1387		}
1388
1389
1390	}
1391
1392	
1393/** 04. Flexslider
1394 **************************************************************** **/
1395	function _flexslider() {
1396		var _container = jQuery(".flexslider");
1397		
1398		if(_container.length > 0) {
1399
1400			loadScript(plugin_path + 'slider.flexslider/jquery.flexslider-min.js', function() {
1401
1402				if(jQuery().flexslider) {
1403					var	_controlNav 	= _container.attr('data-controlNav'),
1404						_slideshowSpeed = _container.attr('data-slideshowSpeed') || 7000,
1405						_pauseOnHover	= _container.attr('data-pauseOnHover') || false;
1406
1407					if(_pauseOnHover == "true") {
1408						_pauseOnHover = true;
1409					} else{
1410						_pauseOnHover = false;
1411					}
1412
1413					if(_controlNav == 'thumbnails') {
1414						_controlNav = 'thumbnails';
1415					} else
1416					if(_controlNav == 'true') {
1417						_controlNav = true;
1418					} else
1419					if(_controlNav == 'false') {
1420						_controlNav = false;
1421					} else {
1422						_controlNav = true;
1423					}
1424					
1425					if(_controlNav == 'thumbnails' || _controlNav == false) {
1426						_directionNav = false;
1427					} else {
1428						_directionNav = true;
1429					}
1430
1431					jQuery(_container).flexslider({
1432						animation		: "slide",
1433						controlNav		: _controlNav,
1434						slideshowSpeed	: parseInt(_slideshowSpeed) || 7000,
1435						directionNav 	: _directionNav,
1436						pauseOnHover	: _pauseOnHover,
1437						start: function(slider){
1438							jQuery('.flex-prev').html('<i class="fa fa-angle-left"></i>');
1439							jQuery('.flex-next').html('<i class="fa fa-angle-right"></i>');
1440						}
1441					});
1442
1443					// Resize Flex Slider if exists!
1444					_container.resize();
1445
1446				}
1447
1448			});
1449		}
1450	}
1451	
1452	
1453	
1454
1455
1456/** 04. Popover
1457 **************************************************************** **/
1458	function _popover() {
1459
1460			jQuery("a[data-toggle=popover]").bind("click", function(e) {
1461				jQuery('.popover-title .close').remove();
1462				e.preventDefault();
1463			});
1464
1465			var isVisible 	= false,
1466				clickedAway = false;
1467
1468
1469			jQuery("a[data-toggle=popover], button[data-toggle=popover]").popover({
1470
1471					html: true,
1472					trigger: 'manual'
1473
1474				}).click(function(e) {
1475
1476					jQuery(this).popover('show');
1477					
1478					clickedAway = false;
1479					isVisible = true;
1480					e.preventDefault();
1481
1482				});
1483
1484				jQuery(document).click(function(e) {
1485					if(isVisible & clickedAway) {
1486
1487						jQuery("a[data-toggle=popover], button[data-toggle=popover]").popover('hide');
1488						isVisible = clickedAway = false;
1489
1490					} else {
1491
1492
1493						clickedAway = true;
1494
1495					}
1496
1497				});
1498
1499			jQuery("a[data-toggle=popover], button[data-toggle=popover]").popover({
1500
1501				html: true,
1502				trigger: 'manual'
1503
1504			}).click(function(e) {
1505
1506				$(this).popover('show');
1507				$('.popover-title').append('<button type="button" class="close">&times;</button>');
1508				$('.close').click(function(e){
1509
1510					jQuery("a[data-toggle=popover], button[data-toggle=popover]").popover('hide');
1511
1512				});
1513
1514				e.preventDefault();
1515			});
1516
1517
1518		// jQuery("a[data-toggle=popover], button[data-toggle=popover]").popover();
1519	}
1520
1521
1522
1523/** 05. LightBox
1524 **************************************************************** **/
1525	function _lightbox() {
1526		var _el = jQuery(".lightbox");
1527
1528		if(_el.length > 0) {
1529
1530			loadScript(plugin_path + 'magnific-popup/jquery.magnific-popup.min.js', function() {
1531
1532				if(typeof(jQuery.magnificPopup) == "undefined") {
1533					return false;
1534				}
1535
1536				jQuery.extend(true, jQuery.magnificPopup.defaults, {
1537					tClose: 		'Close',
1538					tLoading: 		'Loading...',
1539
1540					gallery: {
1541						tPrev: 		'Previous',
1542						tNext: 		'Next',
1543						tCounter: 	'%curr% / %total%'
1544					},
1545
1546					image: 	{ 
1547						tError: 	'Image not loaded!' 
1548					},
1549
1550					ajax: 	{ 
1551						tError: 	'Content not loaded!' 
1552					}
1553				});
1554
1555				_el.each(function() {
1556
1557					var _t 			= jQuery(this),
1558						options 	= _t.attr('data-plugin-options'),
1559						config		= {},
1560						defaults 	= {
1561							type: 				'image',
1562							fixedContentPos: 	false,
1563							fixedBgPos: 		false,
1564							mainClass: 			'mfp-no-margins mfp-with-zoom',
1565							closeOnContentClick: true,
1566							closeOnBgClick: 	true,
1567							image: {
1568								verticalFit: 	true
1569							},
1570
1571							zoom: {
1572								enabled: 		false,
1573								duration: 		300
1574							},
1575
1576							gallery: {
1577								enabled: false,
1578								navigateByImgClick: true,
1579								preload: 			[0,1],
1580								arrowMarkup: 		'<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
1581								tPrev: 				'Previous',
1582								tNext: 				'Next',
1583								tCounter: 			'<span class="mfp-counter">%curr% / %total%</span>'
1584							},
1585						};
1586
1587					if(_t.data("plugin-options")) {
1588						config = jQuery.extend({}, defaults, options, _t.data("plugin-options"));
1589					}
1590
1591					jQuery(this).magnificPopup(config);
1592
1593				});
1594
1595			});
1596
1597		}
1598
1599	}
1600
1601
1602
1603
1604/** 06. ScrollTo
1605 **************************************************************** **/
1606	function _scrollTo(to, offset) {
1607
1608		if(to == false) {
1609
1610			jQuery("a.scrollTo").bind("click", function(e) {
1611				e.preventDefault();
1612
1613				var href 	= jQuery(this).attr('href'),
1614					_offset	= jQuery(this).attr('data-offset') || 0;
1615
1616				if(href != '#' && href != '#top') {
1617					jQuery('html,body').animate({scrollTop: jQuery(href).offset().top - parseInt(_offset)}, 800, 'easeInOutExpo');
1618				}
1619
1620				if(href == '#top') {
1621					jQuery('html,body').animate({scrollTop: 0}, 800, 'easeInOutExpo');
1622				}
1623			});
1624
1625			jQuery("#toTop").bind("click", function(e) {
1626				e.preventDefault();
1627				jQuery('html,body').animate({scrollTop: 0}, 800, 'easeInOutExpo');
1628			});
1629		
1630		} else {
1631

1632			// USAGE: _scrollTo("#footer", 150);
1633			jQuery('html,body').animate({scrollTop: jQuery(to).offset().top - offset}, 800, 'easeInOutExpo');
1634
1635		}
1636	}
1637
1638
1639
1640
1641/** 07. Parallax
1642 **************************************************************** **/
1643	function _parallax() {
1644
1645
1646		if(jQuery().parallax) {
1647
1648			jQuery(".parallax-auto, .parallax-1, .parallax-2, .parallax-3, .parallax-4, section.page-header.page-header-parallax").each(function() {
1649				var _t = jQuery(this);
1650
1651				jQuery(this).parallax("50%","0.2");
1652			});
1653
1654		}
1655
1656
1657
1658
1659		/** Slider Parallax 
1660			Do not use overlay - will be very slow!
1661		 **************************** **/
1662		var _slider = jQuery('#slider');
1663
1664		if(_slider.length > 0) {
1665			if(_slider.hasClass('parallax-slider')) {
1666
1667				if(window.width < 768 && _slider.hasClass('pallax-slider-mobile-deisable')) {
1668					return false;
1669				}
1670
1671				var block_intro_top = _slider.offset().top;	
1672			
1673				jQuery(window).scroll(function() {
1674
1675					var _currentTop = jQuery(document).scrollTop(),
1676						_offset 	= _slider.attr('data-parallax-offset') || 0;
1677					
1678					if(_currentTop < 768) {
1679						var _sliderH 	= jQuery('#slider').height();
1680
1681						jQuery('#slider>div').css('top', (_currentTop*0.5 - Number(_offset)));
1682						if(!_slider.hasClass('parallax-slider-noopacity')) {
1683							jQuery('#slider>div').css('opacity', (1 - _currentTop/_sliderH*1));
1684						}
1685					}
1686
1687				});
1688		
1689			}
1690		}
1691
1692	}
1693
1694
1695
1696
1697/** 07. Video
1698 **************************************************************** **/
1699	function _video() {
1700
1701		if(jQuery("section.section-video").length > 0) {
1702			var _t = jQuery("section.section-video .section-container-video>video");
1703				_w = jQuery(window).width();
1704
1705			_t.width(_w);
1706			
1707		}
1708
1709	}
1710
1711
1712
1713/** 07. Youtube Backround
1714 **************************************************************** **/
1715	function _youtubeBG() {
1716		var _container = jQuery('#YTPlayer');
1717		
1718		if(_container.length > 0) {
1719			loadScript(plugin_path + 'jquery.mb.YTPlayer.min.js', function() {
1720
1721
1722				if(jQuery().mb_YTPlayer) {
1723					var disableMobile = false;
1724					if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { 
1725						// disableMobile = true; 
1726					}
1727
1728					if(disableMobile === false) {
1729
1730						jQuery(".player").mb_YTPlayer();
1731
1732						jQuery("#video-volume").bind("click", function(e) {
1733							e.preventDefault();
1734
1735							jQuery('#YTPlayer').toggleVolume();
1736						});
1737
1738						// audio control
1739						jQuery("#video-volume").bind("click", function() {
1740							if(jQuery('i.fa', this).hasClass('fa-volume-down')) {
1741								jQuery('i.fa', this).removeClass('fa-volume-down');
1742								jQuery('i.fa', this).removeClass('fa-volume-up');
1743								jQuery('i.fa', this).addClass('fa-volume-up');
1744							} else {
1745								jQuery('i.fa', this).removeClass('fa-volume-up');
1746								jQuery('i.fa', this).removeClass('fa-volume-v');
1747								jQuery('i.fa', this).addClass('fa-volume-down');
1748							}
1749						});
1750
1751					} else {
1752
1753						jQuery(".player , #video-volume").hide();
1754
1755					}
1756
1757				}
1758				
1759			});
1760		}
1761	}
1762
1763
1764/** 08. Mixitup Filter
1765 **************************************************************** **/
1766	function _mixitup() {
1767		var _container = jQuery('.mix-grid');
1768		
1769		if(_container.length > 0) {
1770			loadScript(plugin_path + 'mixitup/jquery.mixitup.min.js', function() {
1771
1772				if(jQuery().mixitup) {
1773
1774					_container.mixitup();
1775					jQuery("ul.mix-filter a").bind("click", function(e) {
1776						e.preventDefault();
1777					});
1778
1779				}
1780			
1781			});
1782		
1783		}
1784
1785	}
1786
1787
1788
1789/** 09. Toggle
1790 **************************************************************** **/
1791	function _toggle() {
1792
1793		var $_t = this,
1794			previewParClosedHeight = 25;
1795
1796		jQuery("div.toggle.active > p").addClass("preview-active");
1797		jQuery("div.toggle.active > div.toggle-content").slideDown(400);
1798		jQuery("div.toggle > label").click(function(e) {
1799
1800			var parentSection 	= jQuery(this).parent(),
1801				parentWrapper 	= jQuery(this).parents("div.toggle"),
1802				previewPar 		= false,
1803				isAccordion 	= parentWrapper.hasClass("toggle-accordion");
1804
1805			if(isAccordion && typeof(e.originalEvent) != "undefined") {
1806				parentWrapper.find("div.toggle.active > label").trigger("click");
1807			}
1808
1809			parentSection.toggleClass("active");
1810
1811			if(parentSection.find("> p").get(0)) {
1812
1813				previewPar 					= parentSection.find("> p");
1814				var previewParCurrentHeight = previewPar.css("height");
1815				var previewParAnimateHeight = previewPar.css("height");
1816				previewPar.css("height", "auto");
1817				previewPar.css("height", previewParCurrentHeight);
1818
1819			}
1820
1821			var toggleContent = parentSection.find("> div.toggle-content");
1822
1823			if(parentSection.hasClass("active")) {
1824
1825				jQuery(previewPar).animate({height: previewParAnimateHeight}, 350, function() {jQuery(this).addClass("preview-active");});
1826				toggleContent.slideDown(350);
1827
1828			} else {
1829
1830				jQuery(previewPar).animate({height: previewParClosedHeight}, 350, function() {jQuery(this).removeClass("preview-active");});
1831				toggleContent.slideUp(350);
1832
1833			}
1834
1835		});
1836	}
1837
1838
1839
1840/** 11. Placeholder
1841 **************************************************************** **/
1842	function _placeholder() {
1843
1844		//check for IE
1845		if(navigator.appVersion.indexOf("MSIE")!=-1) {
1846
1847			jQuery('[placeholder]').focus(function() {
1848
1849				var input = jQuery(this);
1850				if (input.val() == input.attr('placeholder')) {
1851					input.val('');
1852					input.removeClass('placeholder');
1853				}
1854
1855			}).blur(function() {
1856
1857				var input = jQuery(this);
1858				if (input.val() == '' || input.val() == input.attr('placeholder')) {
1859				input.addClass('placeholder');
1860				input.val(input.attr('placeholder'));
1861				}
1862
1863			}).blur();
1864
1865		}
1866
1867	}
1868
1869
1870
1871/** 12. Word Rotate
1872 **************************************************************** **/
1873	function _wrotate() {
1874		jQuery(".word-rotator").each(function() {
1875
1876			var _t 				= jQuery(this),

1877				_items 			= _t.find(".items"),
1878				items 			= _items.find("> span"),
1879				firstItem 		= items.eq(0),
1880				firstItemClone 	= firstItem.clone(),
1881				_iHeight 		= jQuery(this).height(),
1882				_cItem 			= 1,
1883				_cTop 			= 0,
1884				_delay 			= jQuery(this).attr('data-delay') || 2000;
1885
1886			_items.append(firstItemClone);
1887			_t.height(_iHeight).addClass("active");
1888
1889			setInterval(function() {
1890				_cTop = (_cItem * _iHeight);
1891
1892				_items.animate({top: - (_cTop) + "px"}, 300, "easeOutQuad", function(){
1893					_cItem++;
1894
1895					if(_cItem > items.length) {
1896						_items.css("top", 0);
1897						_cItem = 1;
1898					}
1899
1900				});
1901
1902			}, _delay);
1903
1904		});
1905
1906
1907		var _container = jQuery('span.rotate');
1908		
1909		if(_container.length > 0) {
1910
1911			loadScript(plugin_path + 'text-rotator/jquery.simple-text-rotator.min.js', function() {
1912
1913				_container.each(function() {
1914					var _t 			= jQuery(this),
1915						_animation 	= _t.attr('data-animation') || 'fade', // fade|flip|flipCube|flipUp|spin
1916						_speed 		= _t.attr('data-speed') 	|| 2000;
1917
1918					_t.textrotator({
1919						animation: 	_animation,
1920						speed: 		parseInt(_speed)
1921					});
1922
1923				});
1924
1925			});
1926		
1927		}
1928	}
1929
1930
1931
1932
1933/** 08. Lazy Load
1934	<img class="lazy" data-original="img/example.jpg" width="765" height="574">
1935 **************************************************************** **/
1936	function _lazyload() {
1937		var _container = jQuery('img.lazy');
1938		
1939		if(_container.length > 0) {
1940			loadScript(plugin_path + 'lazyload/jquery.lazyload.min.js', function() {
1941
1942				if(jQuery().lazyload) {
1943
1944					_container.each(function () {
1945						var _t 		= jQuery(this),
1946							_effect = _t.attr('data-effect') || 'fadeIn';
1947
1948							_t.lazyload({
1949								effect : _effect
1950							});
1951					});
1952
1953				}
1954			
1955			});
1956		
1957		}
1958
1959	}
1960
1961
1962
1963
1964
1965/** 13. Misc
1966 **************************************************************** **/
1967	function _misc() {
1968
1969
1970		/** Portfolio Bugfix
1971		 *********************** **/
1972		if(jQuery("#portfolio").length > 0) {
1973			jQuery("#portfolio .item-box .owl-carousel").each(function() {
1974
1975				// Fix if has owl-carousel slider!
1976				jQuery(this).parent().parent().find('.item-box-desc').css({"padding-top":"29px"});
1977
1978			});
1979		}
1980
1981		/** Masonry
1982		 *********************** **/
1983		if(jQuery().masonry) {
1984			jQuery(".masonry").masonry();
1985		}
1986
1987
1988
1989		/** Isotope Portfolio
1990		 *********************** **/
1991		var portfolio_isotope_container = jQuery("#portfolio.portfolio-isotope");
1992
1993		if(portfolio_isotope_container.length > 0) {
1994			loadScript(plugin_path + 'isotope/isotope.pkgd.min.js', function() {
1995
1996				// Isotope Portfolio
1997				if(jQuery().isotope) {
1998
1999					var _container = jQuery('#portfolio');
2000					
2001					// Calculate Item Width on Fullwidth portfolio
2002					if(_container.hasClass('portfolio-isotope-2')) {
2003						_cols = 2;
2004					} else
2005					if(_container.hasClass('portfolio-isotope-3')) {
2006						_cols = 3;
2007					} else
2008					if(_container.hasClass('portfolio-isotope-4')) {
2009						_cols = 4;
2010					} else
2011					if(_container.hasClass('portfolio-isotope-5')) {
2012						_cols = 5;
2013					} else
2014					if(_container.hasClass('portfolio-isotope-6')) {
2015						_cols = 6;
2016					} else { _cols = 4; }
2017
2018
2019
2020					function _recalcW() {
2021						_dw		= jQuery(document).width();
2022
2023						if(_container.hasClass('fullwidth')) { // Fullwidth 
2024
2025							// _w 		= jQuery(document).width(); // NOT USED - problems on aside header
2026							_w 		= _container.width();
2027							_wItem	= (_w/_cols);
2028
2029							if(_dw < 760) {
2030								_wItem = (_w/2);
2031							}
2032							if(_dw < 480) {
2033								_wItem = jQuery("#portfolio").width();
2034							}
2035
2036							// Apply item width
2037							jQuery("#portfolio>.portfolio-item").css({"width":_wItem});
2038
2039						} else { // Non Fullwidth 
2040
2041							_mR		= parseInt(jQuery("#portfolio>.portfolio-item").css('margin-right'));
2042							_w 		= jQuery("#portfolio").closest('.container').width();
2043							_wItem 	= _w / _cols - _mR;
2044
2045							if(_dw < 760) {
2046								_wItem = (_w/2 - _mR);
2047							}
2048							if(_dw < 480) {
2049								_wItem = _w;
2050							}
2051
2052							// Apply item & container width
2053							jQuery("#portfolio.portfolio-isotope").css({"width":_w});
2054							jQuery("#portfolio>

2054.portfolio-item").css({"width":_wItem});
2055
2056						}
2057
2058						// Resize Flex Slider if exists!
2059						if(jQuery('.flexslider').length > 0) {
2060							jQuery('.flexslider').resize();
2061						}
2062
2063					}	_recalcW();
2064
2065
2066
2067					jQuery(window).on("load", function(){
2068
2069						var _t = setTimeout(function(){ 
2070
2071							_container.isotope({
2072								masonry: {},
2073
2074								filter: '*',
2075								animationOptions: {
2076									duration: 750,
2077									easing: 'linear',
2078									queue: false
2079								}
2080							});
2081
2082							jQuery('#portfolio_filter>li>a').bind("click", function(e){
2083								e.preventDefault();
2084
2085								jQuery('#portfolio_filter>li.active').removeClass('active');
2086								jQuery(this).parent('li').addClass('active');
2087
2088								var selector = jQuery(this).attr('data-filter');
2089								_container.isotope({
2090									filter: selector,
2091									animationOptions: {
2092										duration: 750,
2093										easing: 'linear',
2094										queue: false
2095									}
2096								 });
2097
2098							}); 
2099							
2100
2101						}, 50 );
2102
2103						setTimeout(function() {
2104							_container.isotope('layout');
2105						}, 300);
2106
2107					});
2108
2109
2110
2111					// On Resize
2112					jQuery(window).resize(function() {
2113
2114						if(window.afterResizeApp2) {
2115							clearTimeout(window.afterResizeApp2);
2116						}
2117
2118						window.afterResizeApp2 = setTimeout(function() {
2119
2120							_recalcW();
2121
2122							setTimeout(function() {
2123								_container.isotope('layout');
2124							}, 300);
2125
2126						}, 300);
2127
2128					});
2129
2130				
2131				}
2132
2133
2134			});
2135		}	/** end isotope **/
2136
2137
2138
2139
2140		/** Isotope Blog
2141		 *********************** **/
2142		var blog_isotope_container = jQuery("#blog.blog-isotope");
2143
2144		if(blog_isotope_container.length > 0) {
2145			loadScript(plugin_path + 'isotope/isotope.pkgd.min.js', function() {
2146
2147				// Isotope blog
2148				if(jQuery().isotope) {
2149
2150					var _container = jQuery('#blog');
2151					
2152					// Calculate Item Width on Fullwidth Blog
2153					if(_container.hasClass('blog-isotope-2')) {
2154						_cols = 2;
2155					} else
2156					if(_container.hasClass('blog-isotope-3')) {
2157						_cols = 3;
2158					} else
2159					if(_container.hasClass('blog-isotope-4')) {
2160						_cols = 4;
2161					} else { _cols = 4; }
2162
2163
2164					function _recalcW() {
2165						_dw		= jQuery(document).width();
2166
2167						if(_container.hasClass('fullwidth')) { // Fullwidth 
2168
2169							_w 		= jQuery(document).width();
2170							_wItem	= (_w/_cols);
2171
2172							if(_dw < 760) {
2173								_wItem = (_w/2);
2174							}
2175							if(_dw < 480) {
2176								_wItem = jQuery("#blog").width();
2177							}
2178
2179							// Apply item width
2180							jQuery("#blog>.blog-post-item").css({"width":_wItem});
2181
2182						} else { // Non Fullwidth 
2183
2184							_mR		= parseInt(jQuery("#blog>.blog-post-item").css('margin-right'));
2185							_w 		= jQuery("#blog").closest('.container').width();
2186							_wItem 	= _w / _cols - _mR;
2187
2188							if(_dw < 760) {
2189								_wItem = (_w/2 - _mR);
2190							}
2191							if(_dw < 480) {
2192								_wItem = _w;
2193							}
2194
2195							// Apply item & container width
2196							jQuery("#blog.blog-isotope").css({"width":_w});
2197							jQuery("#blog>.blog-post-item").css({"width":_wItem});
2198
2199						}
2200
2201						// Resize Flex Slider if exists!
2202						if(jQuery('.flexslider').length > 0) {
2203							jQuery('.flexslider').resize();
2204						}
2205
2206					}	_recalcW();
2207
2208
2209
2210					jQuery(window).on("load", function(){
2211
2212						var _t = setTimeout(function(){ 
2213
2214							_container.isotope({
2215								masonry: {},
2216
2217								filter: '*',
2218								animationOptions: {
2219									duration: 750,
2220									easing: 'linear',
2221									queue: false
2222								}
2223							});
2224
2225							jQuery('#blog_filter>li>a').bind("click", function(e){
2226								e.preventDefault();
2227
2228								jQuery('#blog_filter>li.active').removeClass('active');
2229								jQuery(this).parent('li').addClass('active');
2230
2231								var selector = jQuery(this).attr('data-filter');
2232								_container.isotope({
2233									filter: selector,
2234									animationOptions: {
2235										duration: 750,
2236										easing: 'linear',
2237										queue: false
2238									}
2239								 });
2240
2241							}); 
2242							
2243
2244						}, 50 );
2245
2246						setTimeout(function() {
2247							_container.isotope('layout');
2248						}, 300);
2249
2250					});

2251
2252
2253
2254					// On Resize
2255					jQuery(window).resize(function() {
2256
2257						if(window.afterResizeApp2) {
2258							clearTimeout(window.afterResizeApp2);
2259						}
2260
2261						window.afterResizeApp2 = setTimeout(function() {
2262
2263							_recalcW();
2264
2265							setTimeout(function() {
2266								_container.isotope('layout');
2267							}, 300);
2268
2269						}, 300);
2270
2271					});
2272
2273				
2274				}
2275
2276
2277			});
2278		}	/** end isotope **/
2279
2280
2281
2282
2283		/** Flip Boxes
2284		 *********************** **/
2285		if(jQuery('.box-flip').length > 0) {
2286			
2287			jQuery('.box-flip').each(function() {
2288				_height1 = jQuery('.box1',this).outerHeight();
2289				_height2 = jQuery('.box2',this).outerHeight();
2290
2291				if(_height1 >= _height2) {
2292					_height = _height1;
2293				} else {
2294					_height = _height2;
2295				}
2296
2297				jQuery(this).css({"min-height":_height+"px"});
2298				jQuery('.box1',this).css({"min-height":_height+"px"});
2299				jQuery('.box2',this).css({"min-height":_height+"px"});
2300			});
2301			
2302			jQuery('.box-flip').hover(function() {
2303				jQuery(this).addClass('flip');
2304			},function(){
2305				jQuery(this).removeClass('flip');
2306			});
2307		}
2308
2309
2310
2311
2312		/** Sticky Side (social icons)
2313		 *********************** **/
2314		if(jQuery("div.sticky-side").length > 0) {
2315		
2316			var _t 	= jQuery("div.sticky-side");
2317				_h	= _t.height() / 2;
2318				
2319			_t.css({"margin-top":"-"+_h+"px"});
2320		}
2321
2322
2323
2324
2325		/** Increase / Decrease No.
2326			Example: shop-single-left.html
2327		 *********************** **/
2328		jQuery(".incr").bind("click", function(e) {
2329			e.preventDefault();
2330
2331			var _for	= jQuery(this).attr('data-for'),
2332				_max	= parseInt(jQuery(this).attr('data-max')),
2333				_curVal	= parseInt(jQuery("#" + _for).val());
2334
2335			if(_curVal < _max) {
2336				jQuery("#" + _for).val(_curVal + 1);
2337			}
2338		});
2339
2340		jQuery(".decr").bind("click", function(e) {
2341			e.preventDefault();
2342
2343			var _for	= jQuery(this).attr('data-for'),
2344				_min	= parseInt(jQuery(this).attr('data-min')),
2345				_curVal	= parseInt(jQuery("#" + _for).val());
2346
2347			if(_curVal > _min) {
2348				jQuery("#" + _for).val(_curVal - 1);
2349			}
2350		});
2351
2352
2353
2354
2355
2356		/** Default Button Toggle
2357		 *********************** **/
2358		jQuery("a.toggle-default").bind("click", function(e) {
2359			e.preventDefault();
2360
2361			var _href = jQuery(this).attr('href');
2362
2363			if(jQuery(_href).is(":hidden")) {
2364
2365				jQuery(_href).slideToggle(200);
2366				jQuery('i.fa', this).removeClass('fa-plus-square').addClass('fa-minus-square');
2367
2368			} else {
2369
2370				jQuery(_href).slideToggle(200);
2371				jQuery('i.fa', this).removeClass('fa-minus-square').addClass('fa-plus-square');
2372			
2373			}
2374
2375		});
2376
2377
2378
2379
2380
2381		/** Custom File Upload
2382			<input class="custom-file-upload" type="file" id="file" name="myfiles[]" multiple />
2383		 *********************** **/
2384		var file_container = jQuery("input[type=file]");
2385
2386		if(file_container.length > 0) {
2387			loadScript(plugin_path + 'custom.fle_upload.js');
2388		}
2389
2390
2391
2392		/** Textarea Words Limit
2393		 *********************** **/
2394		jQuery("textarea.word-count").on('keyup', function() {
2395			var _t		= jQuery(this),
2396				words 	= this.value.match(/\S+/g).length,
2397				_limit	= _t.attr('data-maxlength') || 200;
2398
2399			if (words > parseInt(_limit)) {
2400
2401				// Split the string on first 200 words and rejoin on spaces
2402				var trimmed = _t.val().split(/\s+/, 200).join(" ");
2403				// Add a space at the end to keep new typing making new words
2404				_t.val(trimmed + " ");
2405
2406			} else {
2407
2408				var _data_info = _t.attr('data-info');
2409
2410				if(_data_info == '' || _data_info == undefined) {
2411					var _infoContainer = _t.next('div');
2412					jQuery('span', _infoContainer).text(words + '/' + _limit);
2413				} else {
2414					jQuery('#' +_data_info).text(words + '/' + _limit);
2415				}
2416
2417
2418			}
2419		});
2420
2421	}
2422
2423
2424
2425/** Sticky Footer
2426 **************************************************************** **/
2427	function _stickyFooter() {
2428		if(jQuery("#footer").hasClass('sticky')) {
2429
2430			var footerHeight = 0,
2431				footerTop 	= 0,
2432				_footer 		= jQuery("#footer.sticky");
2433
2434			positionFooter();
2435
2436			function positionFooter() {
2437				footerHeight = _footer.height();
2438				footerTop = (jQuery(window).scrollTop()+jQuery(window).height()-footerHeight)+"px";
2439
2440				if((jQuery(document.body).height()+footerHeight) > jQuery(window).height()) {
2441					_footer.css({
2442						position: "absolute"
2443					}).stop().animate({
2444						top: footerTop
2445					},0);
2446				} else {
2447					_footer.css({position: "static"});

2448				}
2449
2450			}
2451
2452			jQuery(window).scroll(positionFooter).resize(positionFooter);
2453
2454		}
2455	}
2456
2457
2458
2459
2460
2461/** Countdown
2462 **************************************************************** **/
2463	function _countDown() {
2464		var _container 	= jQuery(".countdown"),
2465			_container2 = jQuery(".countdown-download");
2466		
2467		if(_container.length > 0 || _container2.length > 0) {
2468
2469			loadScript(plugin_path + 'countdown/jquery.countdown.pack.min.js', function() {
2470
2471				/** On Page Load **/
2472				_container.each(function() {
2473					var _t 		= jQuery(this),
2474						_date 	= _t.attr('data-from'),
2475						_labels	= _t.attr('data-labels');
2476
2477						if(_labels) {
2478							_labels = _labels.split(",");
2479						}
2480
2481						if(_date) {
2482							var _d = new Date(_date);
2483							jQuery(this).countdown({
2484								until: new Date(_d),
2485								labels: _labels || ["Years","Months","Weeks","Days","Hours","Minutes","Seconds"]
2486							});
2487						}
2488				});
2489
2490
2491				/** Download **/
2492				_container2.bind("click", function(e){
2493					e.preventDefault();
2494
2495					var _t = jQuery(this),
2496						cd_container 	= _t.attr('data-for'),
2497						_countdown		= jQuery("#"+cd_container+' span.download-wait>.countdown'),
2498						_seconds 		= parseInt(_t.attr('data-seconds')),
2499						_dataURL		= _t.attr('href');
2500
2501					_t.fadeOut(250, function(){
2502						jQuery("#"+cd_container).fadeIn(250, function() {
2503
2504							var currentDate = new Date();
2505							currentDate.setSeconds(currentDate.getSeconds() + _seconds);
2506
2507							_countdown.countdown({
2508								until: currentDate,
2509								format: 'S',
2510								expiryUrl: _dataURL,
2511								onExpiry: function(){
2512									jQuery("#"+cd_container+' span.download-message').removeClass('hide');
2513									jQuery("#"+cd_container+' span.download-wait').addClass('hide');
2514								}
2515							});
2516
2517						});
2518					});
2519
2520					return false;
2521
2522				});
2523
2524
2525			});
2526		
2527		}
2528
2529	}
2530
2531
2532
2533/** Masonry Gallery
2534 **************************************************************** **/
2535	function _masonryGallery() {
2536
2537		if(jQuery(".masonry-gallery").length > 0) {
2538
2539			jQuery(".masonry-gallery").each(function() {
2540				var _container = jQuery(this),
2541					columns		= 4;
2542
2543					 if(_container.hasClass('columns-2')) 	columns = 2;
2544				else if(_container.hasClass('columns-3')) 	columns = 3;
2545				else if(_container.hasClass('columns-4')) 	columns = 4;
2546				else if(_container.hasClass('columns-5')) 	columns = 5;
2547				else if(_container.hasClass('columns-6')) 	columns = 6;
2548
2549				var _firstElemWidth 	= _container.find('a:eq(0)').outerWidth(),
2550					_bigImageNo 		= _container.attr('data-img-big'),
2551					_containerWidth		= _container.width();
2552
2553
2554				// Fix margins & Width
2555                var postWidth = (_containerWidth/columns);
2556					postWidth = Math.floor(postWidth);
2557                if((postWidth * columns) >= _containerWidth) { 
2558					_container.css({ 'margin-right': '-1px' }); 
2559				}
2560				if(columns < 6) {
2561					_container.children('a').css({"width":postWidth+"px"});
2562				}
2563
2564
2565				// Set Big Image
2566                if(parseInt(_bigImageNo) > 0) {
2567
2568					_bigImageNo 	= Number(_bigImageNo) - 1; 
2569					_container.find('a:eq('+_bigImageNo+')').css({ width: _firstElemWidth*2 + 'px'});
2570
2571					loadScript(plugin_path + 'isotope/isotope.pkgd.min.js', function() {
2572
2573						setTimeout( function() {
2574							_container.isotope({
2575								masonry: {
2576									columnWidth: _firstElemWidth
2577								}
2578							});
2579
2580							_container.isotope('layout');
2581
2582						}, 1000);
2583					
2584					});
2585
2586                }
2587
2588			});
2589
2590
2591		}
2592
2593	}
2594
2595
2596
2597	
2598/** Toastr
2599
2600	TYPE:
2601		primary
2602		info
2603		error
2604		sucess
2605		warning
2606
2607	POSITION
2608		top-right
2609		top-left
2610		top-center
2611		top-full-width
2612		bottom-right
2613		bottom-left
2614		bottom-center
2615		bottom-full-width
2616		
2617	USAGE:
2618		_toastr("My Message here","top-right","error",false);
2619		
2620	NOTE:
2621		_onclick = url to redirect (example: http://www.stepofweb.com)
2622 **************************************************************** **/
2623	function _toastr(_message,_position,_notifyType,_onclick) {
2624		var _btn 	= jQuery(".toastr-notify");
2625
2626		if(_btn.length > 0 && _message != false) {
2627
2628			loadScript(plugin_path + 'toastr/toastr.js', function() {
2629				// toastr.clear();
2630
2631				/** BUTTON CLICK
2632				 ********************* **/
2633				_btn.bind("click", function(e) {
2634					e.preventDefault();
2635
2636
2637					var _message 			= jQuery(this).attr('data-message'),
2638						_notifyType 		= jQuery(this).attr('data-notifyType')			|| "default",
2639						_position	 		= jQuery(this).attr('data-position')			|| "top-right",
2640						_progressBar 		= jQuery(this).attr('data-progressBar') 		== "true" ? true : false,
2641						_closeButton		= jQuery(this).attr('data-closeButton') 		== "true" ? true : false,
2642						_debug		 		= jQuery(this).attr('data-debug') 				== "true" ? true : false,
2643						_newestOnTop 		= jQuery(this).attr('data-newestOnTop') 		== "true" ? true : false,
2644						_preventDuplicates	= jQuery(this).attr('data-preventDuplicates') 	== "true" ? true : false,
2645						_showDuration 		= jQuery(this).attr('data-showDuration') 		|| "300",
2646						_hideDuration 		= jQuery(this).attr('data-hideDuration') 		|| "1000",
2647						_timeOut 			= jQuery(this).attr('data-timeOut') 			|| "5000",
2648						_extendedTimeOut	= jQuery(this).attr('data-extendedTimeOut')		|| "1000",
2649						_showEasing 		= jQuery(this).attr('data-showEasing') 			|| "swing",
2650						_hideEasing 		= jQuery(this).attr('data-hideEasing') 			|| "linear",
2651						_showMethod 		= jQuery(this).attr('data-showMethod') 			|| "fadeIn",
2652						_hideMethod 		= jQuery(this).attr('data-hideMethod') 			|| "fadeOut";
2653
2654						toastr.options = {
2655							"closeButton": 			_closeButton,
2656							"debug": 				_debug,
2657							"newestOnTop": 			_newestOnTop,
2658							"progressBar": 			_progressBar,
2659							"positionClass": 		"toast-" + _position,
2660							"preventDuplicates": 	_preventDuplicates,
2661							"onclick": 				null,
2662							"showDuration": 		_showDuration,
2663							"hideDuration": 		_hideDuration,
2664							"timeOut": 				_timeOut,
2665							"extendedTimeOut": 		_extendedTimeOut,
2666							"showEasing": 			_showEasing,
2667							"hideEasing": 			_hideEasing,
2668							"showMethod": 			_showMethod,
2669							"hideMethod": 			_hideMethod
2670						}
2671
2672					toastr[_notifyType](_message);
2673				});
2674
2675
2676				/** JAVSCRIPT / ON LOAD
2677				 ************************* **/
2678				if(_message != false) {
2679
2680					if(_onclick != false) {
2681						onclick = function() {
2682							window.location = _onclick;
2683						}
2684					} else {
2685						onclick = null
2686					}
2687
2688					toastr.options = {
2689						"closeButton": 			true,
2690						"debug": 				false,
2691						"newestOnTop": 			false,
2692						"progressBar": 			true,
2693						"positionClass": 		"toast-" + _position,
2694						"preventDuplicates": 	false,
2695						"onclick": 				onclick,
2696						"showDuration": 		"300",
2697						"hideDuration": 		"1000",
2698						"timeOut": 				"5000",
2699						"extendedTimeOut": 		"1000",
2700						"showEasing": 			"swing",
2701						"hideEasing": 			"linear",
2702						"showMethod": 			"fadeIn",
2703						"hideMethod": 			"fadeOut"
2704					}
2705
2706					setTimeout(function(){
2707						toastr[_notifyType](_message);
2708					}, 1500); // delay 1.5s
2709				}
2710			});
2711		
2712		}
2713
2714	}
2715
2716
2717/** Chart
2718 **************************************************************** **/
2719	function _charts() {
2720
2721		/** Easy Pie Chart 
2722		 ************************* **/
2723		var _container = jQuery(".piechart");
2724
2725		if(_container.length > 0) {
2726
2727			loadScript(plugin_path + 'chart.easypiechart/dist/jquery.easypiechart.min.js', function() {
2728
2729				jQuery(".piechart").each(function() {
2730					var _t = jQuery(this),
2731						_size 		= _t.attr('data-size') || 150,
2732						_animate 	= _t.attr('data-animate') || "3000";
2733
2734					_t.easyPieChart({
2735						size: 			_size,
2736						animate: 		_animate,
2737						scaleColor: 	false,
2738						trackColor: 	_t.attr('data-trackcolor') || 'rgba(0,0,0,0.04)',
2739						lineWidth: 		_t.attr('data-width') || '2',
2740						lineCap: 		'square',
2741						barColor: 		_t.attr('data-color') || '#0093BF'
2742					});