HOME

sh-3ll 1.0
DIR:/home/ami/public_html/wp-content/plugins/kingcomposer/assets/frontend/js/
Current File : /home/ami/public_html/wp-content/plugins/kingcomposer/assets/frontend/js/kingcomposer.js
/*
 * King Composer
 *
 * URI KingComposer.com
 *
 * Copyright king-theme.com
 *
 *
*/

var kc_front = ( function($){

	jQuery.extend( jQuery.easing, {
		easeInOutQuart: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
			return -c/2 * ((t-=2)*t*t*t - 2) + b;
		},
	});

	var $window = $(window);
    var windowHeight = $window.height();

    $window.resize(function() {
        windowHeight = $window.height();
        kc_front.row_action(true);
    });

    $.fn.kc_parallax = function() {

        var $this = $(this), el_top;
        $this.each(function() { el_top = $this.offset().top; });
        function update() {
            var pos = $window.scrollTop();
            $this.each(function() {
                var $el = $(this), top = $el.offset().top, height = $el.outerHeight(true);
                if (top + height < pos || top > pos + windowHeight || $this.data('kc-parallax') !== true )
                	return;
                $this.css('backgroundPosition', "50% " + Math.round((el_top - pos) * 0.4) + "px");
            })
        }

        $window.on('scroll resize', update).trigger('update');

    };

    $.fn.viewportChecker = function(useroptions){
        // Define options and extend with user
        var options = {
            classToAdd: 'visible',
            offset: 100,
            callbackFunction: function(elem){}
        };
        $.extend(options, useroptions);

        // Cache the given element and height of the browser
        var $elem = this,
            windowHeight = $(window).height();

        this.checkElements = function(){
            // Set some vars to check with
            var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? window : 'html'),
                viewportTop = $(scrollElem).scrollTop(),
                viewportBottom = (viewportTop + windowHeight);

            $elem.each(function(){
                var $obj = $(this);
                // If class already exists; quit
                if ( $obj.hasClass(options.classToAdd) && options.classToAdd != '' ){
                    return;
                }

                // define the top position of the element and include the offset which makes is appear earlier or later
                var elemTop = Math.round( $obj.offset().top ) + options.offset,
                    elemBottom = elemTop + ($obj.height());

                // Add class if in viewport
                if ((elemTop < viewportBottom) && (elemBottom > viewportTop) && this.done != true){
                    $obj.addClass(options.classToAdd);

                    // Do the callback function. Callback wil send the jQuery object as parameter
                    options.callbackFunction($obj);
                }
            });
        };

        // Run checkelements on load and scroll
        $(window).scroll(this.checkElements);
        this.checkElements();

        // On resize change the height var
        $(window).resize(function(e){
            windowHeight = e.currentTarget.innerHeight;
        });

    };

	$( document ).ready(function($){

		// load js when document is ready
		kc_front.init($);


	});

	return {

		win_height : 0,

		win_width : 0,

		body : $('body'),

		init : function(){

			$('section[data-kc-parallax="true"]').each(function(){
				$(this).kc_parallax();
			});

			this.accordion();

			this.tabs();

			this.youtube_row_background.init();

			if( window.location.href.indexOf('#') > -1 ){
				$('a[href="#'+window.location.href.split('#')[1]+'"]').trigger('click');
			}

			$('.kc_button').add('.kc_tooltip').kcTooltip();

			$('.kc-close-but').on( 'click', function(){
				$(this).parent().parent().hide('slow',function(){$(this).remove();});
			});

			this.google_maps();

			this.blog.masonry();

			this.image_gallery.masonry();

			this.carousel_images();

			this.carousel_post();

			this.countdown_timer();

			this.piechar.init();

			this.progress_bar.run();

			this.ajax_action();

			this.pretty_photo();

			this.tooltips();

			this.image_fade();

			this.smooth_scroll();

			this.animate();

            this.row_action(true);

		},

		refresh: function( el ){

			setTimeout( function( el){

				kc_front.piechar.update( el );
				kc_front.progress_bar.update( el );
				kc_front.image_gallery.masonry( el );

				if($('.kc_video_play').length > 0){
					kc_video_play.refresh( el );
				}

			}, 100, el );

		},

        viewport : function( st ) {
            var d = document;
            if (d.compatMode === 'BackCompat') {
                if (st == 'height') return d.body.clientHeight;
                else return d.body.clientWidth
            } else {
                if (st == 'height') return d.documentElement.clientHeight;
                else return d.documentElement.clientWidth
            }
        },

        row_action : function( force ) {
            var d = document;
            [].forEach.call(d.querySelectorAll('section[data-kc-fullwidth]'), function(el) {

                var kc_clfw = d.querySelectorAll('.kc_clfw')[0], rect;

                if(typeof kc_clfw === 'undefined')
                    return;

                rect = kc_clfw.getBoundingClientRect();

				el.style.left = (-rect.left) + 'px';
				if (el.getAttribute('data-kc-fullwidth') == 'row') {
					el.style.paddingLeft = rect.left + 'px';
					el.style.paddingRight = (kc_front.viewport('width') - rect.width - rect.left) + 'px';
					el.style.width = rect.width + 'px'
				} else {
					el.style.paddingLeft = '0px';
					el.style.width = kc_front.viewport('width') + 'px'
				}

                if (el.nextElementSibling !== null && el.nextElementSibling.tagName == 'SCRIPT') {
                    if (el.nextElementSibling.innerHTML == 'kc_front.row_action(true);') {
                        el.parentNode.removeChild(el.nextElementSibling)
                    }
                }
            })
        },

        google_maps: function( wrp ){

			$('.kc_google_maps').each( function(){

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				var $_this = $( this );

				if( $_this.data('wheel') == 'disable'){
					$_this.click(function () {
						$_this.find('iframe').css("pointer-events", "auto");
					});

					$_this.mouseleave(function() {
						$_this.find('iframe').css("pointer-events", "none");
					});
				}


				$_this.find('.close').on('click', function(){
					$_this.find('.map_popup_contact_form').toggleClass( "hidden" );
					$_this.find('.show_contact_form').fadeIn('slow');
				});

				$_this.find('.show_contact_form').on('click', function(){
					$_this.find('.map_popup_contact_form').toggleClass( "hidden" );
					$_this.find('.show_contact_form').fadeOut('slow');
				});
			});
		},

		accordion: function( wrp ){

			$('.kc_accordion_wrapper').each(function(){

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				var active = $(this).data('tab-active')!==undefined?($(this).data('tab-active')-1):0;

				if ($(this).data('closeall') == true)
					active = '100000';

				$ (this).find('>div.kc_accordion_section>h3.kc_accordion_header>a, >div.kc_accordion_section>h3.kc_accordion_header>.ui-accordion-header-icon')
					.off('click')
					.on('click', function(e)
					{

						var wrp = $(this).closest('.kc_accordion_wrapper'),
							section = $(this).closest('.kc_accordion_section'),
							allowopenall = (true === wrp.data('allowopenall')) ? true : false,
							closeall = (true === wrp.data('closeall')) ? true : false,
							changed = section.find('>h3.kc_accordion_header').hasClass('ui-state-active'),
							clickitself = false;

						if( allowopenall === false ){

							if (!section.find('>h3.kc_accordion_header').hasClass('ui-state-active')) {

								wrp.find( '>.kc_accordion_section>.kc_accordion_content' ).slideUp();
								wrp.find('>.kc_accordion_section>h3.kc_accordion_header').removeClass('ui-state-active');
								wrp.find('>.kc_accordion_section.kc-section-active').removeClass('kc-section-active');

								section.find('>.kc_accordion_content').stop().slideDown( 'normal', function(){ $(this).css({height:''}) } );
								section.find('>h3.kc_accordion_header').addClass('ui-state-active');
								section.addClass('kc-section-active');
							}else{
								wrp.find( '>.kc_accordion_section>.kc_accordion_content' ).slideUp();
								wrp.find('>.kc_accordion_section>h3.kc_accordion_header').removeClass('ui-state-active');
								wrp.find('>.kc_accordion_section>.kc-section-active').removeClass('kc-section-active');
                                section.removeClass('kc-section-active');
							}

						}else{

							if( section.find('>h3.kc_accordion_header').hasClass('ui-state-active') ){
								section.find('>.kc_accordion_content').stop().slideUp();
								section.find('>h3.kc_accordion_header').removeClass('ui-state-active');
								section.removeClass('kc-section-active');
							}else{
								section.find('>.kc_accordion_content').stop().slideDown( 'normal', function(){ $(this).css({height:''}) } );
								section.find('>h3.kc_accordion_header').addClass('ui-state-active');
								section.addClass('kc-section-active');
							}

						}

						if( changed != section.find('>h3.kc_accordion_header').hasClass('ui-state-active') )
							kc_front.refresh( section.find('>.kc_accordion_content') );

						e.preventDefault();

						var index = $(this).closest('.kc_accordion_section');
							index = index.parent().find('>.kc_accordion_section').index( index.get(0) );

						$(this).closest('.kc_accordion_wrapper').data({'tab-active':(index+1)});

					}).eq(active).trigger('click');

			});

		},

		tabs: function( wrp ){

			$('.kc_tabs > .kc_wrapper').each( function( index ){

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				var $_this = $(this),
					tab_group = $_this.parent('.kc_tabs.group'),
					tab_event = ('yes' === tab_group.data('open-on-mouseover')) ? 'mouseover' : 'click',
					effect_option = ('yes' === tab_group.data('effect-option')) ? true : false,
					active_section = parseInt( tab_group.data('tab-active') )-1;

					$( this ).find('>.ui-tabs-nav>li')
						.off('click')
						.on( 'click', function(e){
							e.preventDefault();
						} )
						.off( tab_event )
						.on( tab_event, function(e){

							if( $(this).hasClass('ui-tabs-active') ){
								e.preventDefault();
								return;
							}

							var labels = $(this).closest('.kc_tabs_nav,.ui-tabs-nav').find('>li'),
								index = labels.index( this ),
								tab_list = $(this).closest('.kc_wrapper').find('>.kc_tab'),
								new_panel = tab_list.eq( index );

							labels.removeClass('ui-tabs-active');
							$(this).addClass('ui-tabs-active');

							tab_list.removeClass('ui-tabs-body-active').removeClass('kc-section-active');
							new_panel.addClass('ui-tabs-body-active').addClass('kc-section-active');

							if( effect_option === true)
								new_panel.css({'opacity':0}).animate({opacity:1});

							e.preventDefault();

							$(this).closest('.kc_tabs').data({'tab-active':(index+1)});

						}).eq( active_section ).trigger( tab_event );

			});

			$('.kc_tabs.kc-tabs-slider').each(function(){

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				$( this ).find('.kc-tabs-slider-nav li').each(function( index ){

					if( $(this).data('loaded') === true )
						return;
					else $(this).data({ 'loaded' : true });

					$( this ).on( 'click', index, function( e ){
						$(this).parent().find('.kc-title-active').removeClass('kc-title-active');
						$(this).addClass('kc-title-active');
						console.log(e.data);
						$(this).closest('.kc-tabs-slider').find('.owl-carousel').trigger('owl.goTo', e.data);
						e.preventDefault();
						$(this).closest('.kc_tabs').data({'active':e.data});
					});
					if( index === 0 )
						$( this ).addClass('kc-title-active');
				});

			});

			kc_front.owl_slider();

		},

		counterup : function (){

			$('.counterup').each(function( index ){

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				$(this).counterUp({
					delay: 100,
					time: 2000
				});

			});

		},

		youtube_row_background: {

			init: function(){

				$( '.kc_row, .kc_column' ).each( function () {
					var $row = $( this ),
						youtubeUrl,
						youtubeId;

					if ( $row.data( 'kc-video-bg' ) ) {

						youtubeUrl = $row.data( 'kc-video-bg' );
						youtubeId = kc_front.youtube_row_background.getID( youtubeUrl );

						if ( youtubeId ) {
							$row.find( '.kc_wrap-video-bg' ).remove();
							kc_front.youtube_row_background.add( $row, youtubeId );
						}

					} else {
						$row.find( '.kc_wrap-video-bg' ).remove();
					}
				} );
			},

			getID: function ( url ) {
				if ( 'undefined' === typeof(url) ) {
					return false;
				}

				var id = url.match( /(?:https?:\/{2})?(?:w{3}\.)?youtu(?:be)?\.(?:com|be)(?:\/watch\?v=|\/)([^\s&]+)/ );
				if ( null !== id ) {
					return id[ 1 ];
				}

				return false;
			},

			add: function( $obj, youtubeId, counter ) {

				if( YT === undefined )
					return;

				if ( 'undefined' === typeof( YT.Player ) ) {

					counter = 'undefined' === typeof( counter ) ? 0 : counter;
					if ( counter > 100 ) {
						console.warn( 'Too many attempts to load YouTube api' );
						return;
					}

					setTimeout( function () {
						kc_front.youtube_row_background.add( $obj, youtubeId, counter++ );
					}, 100 );

					return;
				}

				var player,
					$container = $obj.prepend( '<div class="kc_wrap-video-bg"><div class="ifr_inner"></div></div>' ).find( '.ifr_inner' ),
                    options = $obj.data('kc-video-options'),
                    playerVars = {
                        playlist: youtubeId,
                        iv_load_policy: 3,
                        enablejsapi: 1,
                        disablekb: 1,
                        autoplay: 1,
                        controls: 0,
                        showinfo: 0,
                        rel: 0,
                        loop: 1
                    };

                options = options?JSON.parse('{"' + options.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) }):{};
                if( typeof options == 'object')playerVars = $.extend(playerVars, options);

				player = new YT.Player( $container[0], {
					width: '100%',
					height: '100%',
					videoId: youtubeId,
					playerVars: playerVars,
					events: {
						onReady: function ( e ) {
							if($obj.data('kc-video-mute') == 'yes')
								e.target.mute().setLoop( true );
							e.target.playVideo();
						}
					}
				} );

				kc_front.youtube_row_background.resize( $obj );

				$( window ).on( 'resize', function () {
					kc_front.youtube_row_background.resize( $obj );
				} );
			},

			resize: function( $obj ) {

				var ratio = 1.77, ifr_w, ifr_h,
					marginLeft, marginTop,
					inner_width = $obj.innerWidth(),
					inner_height = $obj.innerHeight();

				if ( ( inner_width / inner_height ) < ratio ) {
					ifr_w = inner_height * ratio;
					ifr_h = inner_height;
				} else {
					ifr_w = inner_width;
					ifr_h = inner_width * (1 / ratio);
				}

				marginLeft = - Math.round( ( ifr_w - inner_width ) / 2 ) + 'px';
				marginTop = - Math.round( ( ifr_h - inner_height ) / 2 ) + 'px';

				ifr_w += 'px';
				ifr_h += 'px';

				$obj.find( '.kc_wrap-video-bg iframe' ).css( {
					maxWidth: '1000%',
					marginLeft: marginLeft,
					marginTop: marginTop,
					width: ifr_w,
					height: ifr_h
				} );
			}

		},

		single_img : {

			refresh : function ( wrp ) {

				kc_front.pretty_photo();

			}

		},

		blog : {

			masonry : function(){

				$('.kc_blog_masonry').each(function(){

					if( $(this).data('loaded') === true )
						return;
					else $(this).data({ 'loaded' : true });

					var wrp 	= $(this),
						imgs 	= wrp.find('img'),
						total 	= imgs.length,
						ready 	= 0;

					if( total > 0 )
					{

						imgs.each(function( ind ){

							var tmpImg = new Image();

							tmpImg.onload = function(){

								ready++;
								if(  ready ==  total ){

									new Masonry( wrp.get( 0 ), {
										itemSelector: '.post-grid',
										columnWidth: '.post-grid',
									});
								}
							};
							tmpImg.src = $(this).attr('src') ;
						});

					}
					else
					{

						new Masonry( wrp.get( 0 ), {
							itemSelector: '.post-grid',
							columnWidth: '.post-grid',
						});

					}

				});

			},

		},

		image_gallery : {

			masonry : function(){

				$('.kc_image_gallery').each(function(){

					if( $(this).data('loaded') === true )
						return;
					else $(this).data({ 'loaded' : true });

					if(( 'yes' === $( this ).data('image_masonry')) ){

						//find all image in gallery
						var imgs 	= $( this ).find('img'),
							total 	= imgs.length,
							ready 	= 0,
							el 		= $( this );

						$(this).data({ 'total' : total });

						imgs.each(function( ind ){

							var tmpImg = new Image();

							tmpImg.onload = function(){

								ready++;

								if(  ready ==  total ){

									new Masonry( el.get( 0 ), {
										itemSelector: '.item-grid',
										columnWidth: '.item-grid',
									});

								}
							};

							tmpImg.src = $(this).attr('src') ;
						});

					}

				});

				kc_front.pretty_photo();

			},

		},

		image_fade : function(){
			$('.image_fadein_slider .image_fadein').each(function(){

				if( $(this).data('loaded') !== true )
					$(this).data({'loaded':true});
				else return;

				var delay = $(this).data('delay')?$(this).data('delay'):'3000';

				window.kc_front.image_fade_delay( delay, $(this).find('img').first() );

			});
		},

		image_fade_delay : function( delay, img ){

			if( img === undefined )
				return;

			img.parent().find('.active').removeClass('active');
			img.addClass('active');

			if( img.next().length > 0 )
				img = img.next();
			else
				img = img.parent().find('img').first();

			var time_out = setTimeout( window.kc_front.image_fade_delay, delay, delay, img );

		},

		carousel_images : function( wrp ){
			/*
			 * Carousel images
			 * For each item Carousel images
			 */

			$( '.kc-carousel-images' ).each( function( index ){

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				var options 		= $( this ).data('owl-i-options'),
					_auto_play 		= ( 'yes' === options.autoplay ) ? true : false,
					_delay	 		= ( options.delay !== undefined ) ? options.delay : 8,
					_navigation 	= ( 'yes' === options.navigation ) ? true : false,
					_pagination 	= ( 'yes' === options.pagination ) ? true : false,
					_speed 			= options.speed,
					_items 			= options.items,
					_auto_height 	= ( 'yes' === options.autoheight ) ? true : false,
					_num_thumb 		= ( options.num_thumb !== undefined ) ? options.num_thumb : 5,
					_show_thumb 	= ( 'yes' === options.showthumb ) ? true : false,
					_progress_bar 	= ( 'yes' === options.progressbar ) ? true : false,
					_singleItem 	= false,
					_tablet 	= false,
					_mobile 	= false;

                if( options.tablet > 0 ){
                    _tablet = [999,options.tablet];
                }
                if( options.mobile > 0 ){
                    _mobile = [479,options.mobile];
                }

				var progressBar = function(){};
				var moved = function(){};
				var pauseOnDragging = function(){};

				if( true === _auto_height || true === _progress_bar || true === _show_thumb )
					_singleItem = true;

				if(_auto_play)
					_auto_play = parseInt( _delay )*1000;

				if( true === _progress_bar )
				{

					var time = _delay; // time in seconds

					var $progressBar,
						$bar,
						$elem,
						isPause,
						tick,
						percentTime;


					progressBar = function( elem ){
						$elem = elem;
						//build progress bar elements
						buildProgressBar();
						//start counting
						start();
					};

					var buildProgressBar =  function(){

						$progressBar = $("<div>",{
							class:"progressBar"
						});

						$bar = $("<div>",{
							class:"bar"
						});

						$progressBar.append($bar).prependTo($elem);

					};

					var start = function() {
						//reset timer
						percentTime = 0;
						isPause = false;
						//run interval every 0.01 second
						tick = setInterval(interval, 10);
					};


					var interval = function() {
						if(isPause === false){
							percentTime += 1 / time;

							$bar.css({
							   width: percentTime+"%"
							});
							//if percentTime is equal or greater than 100

							if(percentTime >= 100){
							  	//slide to next item
							  	$elem.trigger('owl.next');
							}
						}
					};

					pauseOnDragging = function (){
						isPause = true;
					};

					moved =    function(){
						//clear interval
						clearTimeout(tick);
						//start again
						start();
					};
				}

				if( true !== _show_thumb)
				{
					$( this ).owlCarousel({

						autoPlay		: _auto_play,
						navigation 		: _navigation,
						pagination 		: _pagination,
						slideSpeed 		: _speed,
						paginationSpeed : _speed,
						singleItem		: _singleItem,
						autoHeight		: _auto_height,
						items 			: _items,
						itemsDesktop	: false,
						itemsDesktopSmall	: false,
						itemsTablet	    : _tablet,
                        itemsTabletSmall: _tablet,
                        itemsMobile	: _mobile,
						afterInit 		: progressBar,
						afterMove 		: moved,
						startDragging 	: pauseOnDragging

					});
				}
				else
				{
					var sync1 = $( this );
					var sync2 = sync1.next('.kc-sync2');

					var syncPosition =  function(el){
						var current = this.currentItem;

						$(sync2)
							.find(".owl-item")
							.removeClass("synced")
							.eq(current)
							.addClass("synced");

						if($(sync2).data("owlCarousel") !== undefined)
						{
							center(current);
						}
					};

					sync2.on("click", ".owl-item", function(e){
						e.preventDefault();

						var number = $(this).data("owlItem");
						sync1.trigger("owl.goTo",number);
					});

					var center =  function(number){
						var sync2visible = sync2.data("owlCarousel").owl.visibleItems;
						var num = number;
						var found = false;

						for(var i in sync2visible){
							if(num === sync2visible[i])
							{
								found = true;
							}
						}

						if(found===false){
							if( num> sync2visible[sync2visible.length-1] )
							{
								sync2.trigger("owl.goTo", num - sync2visible.length+2);
							}else
							{
								if(num - 1 === -1){
									num = 0;
								}

								sync2.trigger("owl.goTo", num);
							}
						}
						else if(num === sync2visible[sync2visible.length-1])
						{
							sync2.trigger("owl.goTo", sync2visible[1]);
						}
						else if(num === sync2visible[0])
						{
							sync2.trigger("owl.goTo", num-1);
						}

					};

					sync1.owlCarousel({
						autoPlay				: _auto_play,
						singleItem 				: _singleItem,
						slideSpeed 				: _speed,
						paginationSpeed 		: _speed,
						navigation				: _navigation,
						pagination				: _pagination,
						afterAction 			: syncPosition,
						responsiveRefreshRate 	: 200,
						autoHeight				: _auto_height,
						afterInit 				: progressBar,
						afterMove 				: moved,
						startDragging 			: pauseOnDragging
					});

					sync2.owlCarousel({
						items 				: _num_thumb,
						itemsDesktop      	: [1199, 15],
						itemsDesktopSmall   : [979, 12],
						itemsTablet       	: [768, 6],
						itemsMobile       	: [479, 5],
						pagination			: _pagination,
						responsiveRefreshRate : 100,
						afterInit : function(el){
							el.find(".owl-item").eq(0).addClass("synced");
						}
					});
				}

			});

			kc_front.pretty_photo();

		},

        update_option : function ( data_options ){

            $.post( top.kc_ajax_url, {
                'security': top.kc_ajax_nonce,
                'action' : 'kc_update_option',
                'options' : top.kc.tools.base64.encode( JSON.stringify( data_options ) )
            }, function (result) {
                //console.log(result.msg);
            });

        },

		carousel_post : function( wrp ){

			kc_front.owl_slider( '.kc-owl-post-carousel' );

		},

		tooltips : function(){
			// Portfolio
			$('.kc_tooltip').each(function(){

				if( $(this).data('kc-loaded') !== true )
					$(this).data({ 'kc-loaded' : true });
				else return;
				$(this).kcTooltip();
			});
		},

		countdown_timer : function(){

			$( '.kc-countdown-timer' ).each( function( index ){
				var countdown_data = $( this ).data('countdown');

				$(this).countdown(countdown_data.date, function(event) {
			    	$(this).html(event.strftime(countdown_data.template));
			    });

			});
		},

		piechar : {

			init: function(){

				$('.kc_piechart').each(function(index){

					$( this ).viewportChecker({

						callbackFunction: function(elm) {

							kc_front.piechar.load(elm);

						},

						classToAdd: 'kc-pc-loaded'

					});

				});
			},

			load : function( el ){

				if( el.parent('div').width() < 10 )
					return 0;

				var _size 		= el.data( 'size' ),
					_linecap 	= ( 'yes' === el.data( 'linecap' )) ? 'round' : 'square',
					_barColor 	= el.data( 'barcolor' ),
					_trackColor = el.data( 'trackcolor' ),
					_autowidth 	= el.data( 'autowidth' ),
					_linewidth 	= el.data( 'linewidth' );

				if('yes' === _autowidth){
					_size = el.parent('div').width();
					el.data( 'size', _size );
				}

				//Fix percent middle
				var percent_width = el.find('.percent').width() + el.find('.percent:after').width();
				var percent_height = el.find('.percent').height();

				el.easyPieChart({

					barColor: _barColor,
					trackColor: _trackColor,
					lineCap: _linecap,
					easing: 'easeOutBounce',

					onStep: function(from, to, percent) {

						$(this.el).find('.percent').text(Math.round(percent));
						$(this.el).find('.percent').show();
						$( this.el ).css({'width': _size, 'height': _size});

					},

					scaleLength: 0,
					lineWidth: _linewidth,
					size: _size,

				});

			},

			update: function( el ){

				el.find('.kc_piechart').each( function(){

					if( $(this).data('loaded') === true )
						return;
					else $(this).data({ 'loaded' : true });

					kc_front.piechar.load( $( this ) );

				});

			}

		},

		progress_bar : {

			run: function(){

			    $('.kc_progress_bars').each(function(){

			  		$( this ).viewportChecker({

						callbackFunction: function( el ){

							kc_front.progress_bar.update( el );

						},
						classToAdd : 'kc-pb-loaded'
					});

			    });
			},

			update: function( el ){

				$('.kc-progress-bar .kc-ui-progress').each(function(){

					if( $(this).data('loaded') === true )
						return;
					else $(this).data({ 'loaded' : true });

					$( this ).css({ width: '5%' }).
							  stop().
							  animate({
								 		width: this.getAttribute('data-value')+'%'
								 	},{
							  			duration: parseInt( this.getAttribute('data-speed') ),
							  			easing : 'easeInOutQuart',
							  			step : function( st, tl ){
								  			if( tl.now/tl.end > 0.3 )
								  				this.getElementsByClassName('ui-label')[0].style.opacity = tl.now/tl.end;
							  			}
							  		}
							  ).find('.ui-label').css({opacity:0});

				});

			}
		},

		ajax_action : function(){

			$('.kc_facebook_recent_post').each(function(){

				if( this.getAttribute('data-cfg') === null ||
					this.getAttribute('data-cfg') === undefined ||
					this.getAttribute('data-cfg') === '' )
						return;

				var $_this = $( this ),
					data_send = {
						action: 'kc_facebook_recent_post',
						cfg: $( this ).data( 'cfg' )
					};

				this.removeAttribute('data-cfg');

				$.ajax({
					url: kc_script_data.ajax_url,
					method: 'POST',
					dataType: 'json',
					data: data_send,
					success: function( response_data ){
						$_this.find('ul').html(response_data.html).before(response_data.header_html);
					}
				});

			});

			/*
			 * instagram feed images
			 * Send data to shortcode
			 */
			$('.kc_wrap_instagram').each(function(index){

				if( this.getAttribute('data-cfg') === null ||
					this.getAttribute('data-cfg') === undefined ||
					this.getAttribute('data-cfg') === '' )
						return;

				var $_this = $( this ),
					data_send = {
						action: 'kc_instagrams_feed',
						cfg: $( this ).data( 'cfg' )
					};

				this.removeAttribute('data-cfg');

				$.ajax({
					url: kc_script_data.ajax_url,
					method: 'POST',
					dataType: 'json',
					data: data_send,
					success: function( response_data ){
						$_this.find('ul').html(response_data.html);
					}
				});
			});

			/*
			 * Twitter feed sider
			 * For each item Twitter feed sider
			 */
			$( '.kc_twitter_feed' ).each( function( index ) {

				if( this.getAttribute('data-cfg') === null ||
					this.getAttribute('data-cfg') === undefined ||
					this.getAttribute('data-cfg') === '' )
						return;

				var $_this = $( this ),
					atts_data = {
						action: 'kc_twitter_timeline',
						cfg: $( this ).data( 'cfg' )
					};

				this.removeAttribute('data-cfg');

				var owl_option = $( this ).data( 'owl_option' );

				$.ajax({
					url: kc_script_data.ajax_url,
					method: 'POST',
					dataType: 'json',
					data: atts_data,
					success: function( response_data ){
						var display_style = $_this.data( 'display_style' );

						$_this.find('.result_twitter_feed').html( response_data.html );

						$_this.find('.result_twitter_feed').before('<div class="button_follow_wrap">'+response_data.header_data+'</div>');

						var _navigation = ( 'yes' === owl_option.show_navigation )? true : false,
							_pagination = ( 'yes' === owl_option.show_pagination )? true : false,
							_autoHeight = ( 'yes' === owl_option.auto_height )? true : false;

						if( 2 === display_style ){
							$_this.find('.kc-tweet-owl').owlCarousel({
								navigation 		: _navigation,
								pagination 		: _pagination,
								slideSpeed 		: 300,
								paginationSpeed : 400,
								singleItem		: true,
								items 			: 1,
								autoHeight		: _autoHeight
							});
						}
					}
				});

			});
		},

		owl_slider : function(){

			if( typeof $().owlCarousel != 'function' )
				return;

			$('[data-owl-options]').each( function( index ){

				var options = $( this ).data('owl-options');

				if( typeof options !== 'object' )
					return;

				if( $(this).data('loaded') === true )
					return;
				else $(this).data({ 'loaded' : true });

				$( this ).attr({'data-owl-options':null});

				var	_autoplay 			= ( 'yes' === options.autoplay ) ? true : false,
					_navigation 		= ( 'yes' === options.navigation ) ? true : false,
					_pagination 		= ( 'yes' === options.pagination ) ? true : false,
					_speed 				= ( options.speed!==undefined ) ? options.speed : 450,
					_items 				= ( options.items!==undefined ) ? options.items:1,
					_tablet 			= ( options.tablet!==undefined ) ? options.tablet:1,
					_mobile 			= ( options.mobile!==undefined ) ? options.mobile:1,
					_autoheight 		= ( 'yes' === options.autoheight ) ? true : false,
					_showthumb 			= ( 'yes' === options.showthumb ) ? true : false,
					_singleItem 		= false;

				if(_autoheight === true){
					_singleItem = true;
					_items = 1;
				}

				$( this ).owlCarousel({
					autoPlay		: _autoplay,
					navigation 		: _navigation,
					pagination 		: _pagination,
					showthumb 		: _showthumb,
					slideSpeed 		: _speed,
					paginationSpeed : _speed,
					singleItem		: _singleItem,
					autoHeight		: _autoheight,
					items 			: _items,
					itemsCustom : false,
					itemsDesktop : [1199,_items],
					itemsDesktopSmall : [980,_tablet],
					itemsTablet: [640,_mobile],
					itemsTabletSmall: false,
					itemsMobile : [480,_mobile],
				});

			});

			kc_front.pretty_photo();

		},

		pretty_photo : function(){

			if (typeof( $.prettyPhoto ) == 'object') {

				$("a.kc-pretty-photo:not(.kc-pt-loaded)").addClass('kc-pt-loaded').off('click').prettyPhoto({

					theme: 'dark_rounded',
		            allow_resize: true,
		            allow_expand: true,
		            opacity: 0.85,
		            animation_speed: 'fast',
		            deeplinking: false,
		            counter_separator_label: ' / ',
		            show_title: true,
		            autoplay: true,
		            horizontal_padding: 0,
		            overlay_gallery: false,
		            markup: '<div class="pp_pic_holder"> \
		                <div class="pp_content_container"> \
		                  <div class="pp_left"> \
		                  <div class="pp_right"> \
		                    <div class="pp_content"> \
		                      <div class="pp_loaderIcon kc-spinner"></div> \
		                      <div class="pp_fade"> \
		                        <div class="pp_hoverContainer"> \
		                          <a class="pp_next" href="#"><i class="sl-arrow-right"></i></a> \
		                          <a class="pp_previous" href="#"><i class="sl-arrow-left"></i></a> \
		                        </div> \
		                        <div id="pp_full_res"></div> \
		                        <div class="pp_details"> \
		                         <div class="ppt">&nbsp;</div> \
		                          <div class="pp_nav"> \
		                            <p class="currentTextHolder">0 / 0</p> \
		                          </div> \
		                          <p class="pp_description"></p> \
		                          <a class="pp_close" href="#"><i class="sl-close"></i></a> \
		                        </div> \
		                      </div> \
		                    </div> \
		                  </div> \
		                  </div> \
		                </div> \
		              </div> \
		              <div class="pp_overlay"></div>'
				});

			}
		},

		smooth_scroll : function(){

			$('a[href^="#"]').on( 'click', function(e) {

				if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
					&& location.hostname == this.hostname
					&& this.hash.indexOf('#!') === 0
				){
					var target = $(this.hash.replace('!', ''));

					if (target.length)
					{
						$('html,body').stop().animate({
							scrollTop: target.offset().top-80
						}, 500);
					}
				}

			});

		},

		animate : function(){

			$('.kc-animated').each(function(index){

				$( this ).viewportChecker({

					callbackFunction: function( el ){

						var clazz = el.get(0).className, delay = 0, speed = '2s', timeout = 0;

						if (clazz.indexOf('kc-animate-delay-') > -1)
						{
							delay = clazz.split('kc-animate-delay-')[1].split(' ')[0];

							el.css({'animation-delay': delay+'ms'});
							el.removeClass('kc-animate-delay-'+delay);

							timeout += parseInt(delay);

						}

						if (clazz.indexOf('kc-animate-speed-') > -1)
						{
							speed = clazz.split('kc-animate-speed-')[1].split(' ')[0];

							el.css({'animation-duration': speed});
							el.removeClass('kc-animate-speed-'+speed);

						}

						if (clazz.indexOf('kc-animate-eff-') > -1)
						{
							var eff = clazz.split('kc-animate-eff-')[1].split(' ')[0];

							timeout += parseFloat(speed)*1000;

							el.removeClass('kc-animated').addClass('animated '+eff);

							setTimeout(function(el, eff){

								el.removeClass('animated kc-animated kc-animate-eff-'+eff+' '+eff);
								el.css({'animation-delay': '', 'animation-duration': ''});

							}, timeout, el, eff);

						}

					},

					classToAdd: 'kc-pc-loaded'

				});

			});

		}

	};

}(jQuery));


(function ( $ ) {
	$.fn.kcTooltip = function() {

		return this.each(function() {

			var rect = this.getBoundingClientRect();
			var tooltip = $(this).data('tooltip'),
				span_w = $(this).find('span').outerWidth(),
				span_h = $(this).find('span').outerHeight(),
				this_w = $(this).outerWidth(),
				this_h = $(this).outerHeight();

			if(typeof(tooltip) == 'undefined'){
				$(this).find('span').css('margin-left', -span_w/2);
				$(this).hover().find('span').css('bottom', this_h+10);
			}else{

				var position = $(this).data('position');
				var ext_bottom = -10;
				if(typeof position == 'undefined')
					position = 'top';

				$(this).addClass(position);

				$(this).find('span').attr({'style':''});

				switch(position) {
					case 'right': {
						var bottom;
						bottom = this_h/2 - span_h/2;

						$(this).find('span').css('left', this_w+10 );
						$(this).find('span').css('bottom', bottom );

						$(this).hover().find('span').css('left', this_w-ext_bottom);
						break;
					}

					case 'bottom': {
						$(this).find('span').css('margin-left', -span_w/2);
						$(this).hover().find('span').css('bottom', -span_h+ext_bottom);
						break;
					}

					case 'left': {
						var bottom, ext_left = 5;
						bottom = this_h/2 - span_h/2;

						$(this).find('span').css('left', -span_w-ext_left );
						$(this).find('span').css('bottom', bottom );

						break;
					}

					default: {

						$(this).find('span').css('margin-left', -span_w/2);
						$(this).hover().find('span').css('bottom', this_h-ext_bottom);
					}
				}
			}

		});

	};
}( jQuery ));