%PDF- %PDF-
| Direktori : /home/dopla/www/wp-content/plugins/kingcomposer/assets/frontend/js/ |
| Current File : /home/dopla/www/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"> </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 ));