jQuery(function ($) {
"use strict";
/////////////////////////////////////
// LOADER
/////////////////////////////////////
var $preloader = $('#page-preloader'),
$spinner = $preloader.find('.spinner-loader');
$spinner.fadeOut();
$preloader.delay(50).fadeOut('slow');
/*******************************************************
***** Gallerys *****
*********************************************************/
$('.fancybox').fancybox();
$(".fancybox-video,.big-view .fancybox , .popup-youtube").on("click", function () {
$.fancybox({
'padding': 0,
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none',
'title': this.title,
'width': 680,
'height': 495,
'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
'type': 'swf',
'swf': {
'wmode': 'transparent',
'allowfullscreen': 'true'
}
});
return false;
});
/*******************************************************
***** Dropdown *****
*********************************************************/
$(function () {
var $selects = $('.home-template select');
$selects.easyDropDown({
cutOff: 10,
wrapperClass: 'tmp-select-dropdown',
onChange: function (selected) {
// do something
}
});
});
$(".home-template #btc_calc").next().next("a").hide();
/*******************************************************
***** Carousel *****
*********************************************************/
/**** Owl ****/
$(".enable-owl-carousel").each(function (i) {
var $owl = $(this);
var navigationData = $owl.data('navigation');
var paginationData = $owl.data('pagination');
var singleItemData = $owl.data('single-item');
var autoPlayData = $owl.data('autoplay');
var transitionStyleData = $owl.data('transition-style');
var mainSliderData = $owl.data('main-text-animation');
var afterInitDelay = $owl.data('after-init-delay');
var stopOnHoverData = $owl.data('stop-on-hover');
var min600 = $owl.data('min600');
var min800 = $owl.data('min800');
var itemsData = $owl.data('items');
var animateOutData = $owl.data('animate-out');
var animateInData = $owl.data('animate-in');
var min1200 = $owl.data('min1200');
var responsiveItems = $owl.data('responsive-items');
var navTextData = $owl.data('nav-text') == null ? ["", ""] : $owl.data('nav-text');
$owl.owlCarousel({
nav: navigationData,
dots: paginationData,
singleItem: singleItemData,
autoHeight: false,
autoplay: autoPlayData,
transitionStyle: transitionStyleData,
stopOnHover: stopOnHoverData,
animateOut: animateOutData,
animateIn: animateInData,
items: itemsData,
navText: navTextData,
loop: true,
responsive: {
0: {
items: responsiveItems
},
767: {
items: itemsData
}
},
itemsCustom: [
[0, 1],
[600, min600],
[800, min800],
[1200, min1200]
],
afterInit: function (elem) {
if (mainSliderData) {
setTimeout(function () {
$('.main-slider_zoomIn').css('visibility', 'visible').removeClass('zoomIn').addClass('zoomIn');
$('.main-slider_fadeInLeft').css('visibility', 'visible').removeClass('fadeInLeft').addClass('fadeInLeft');
$('.main-slider_fadeInLeftBig').css('visibility', 'visible').removeClass('fadeInLeftBig').addClass('fadeInLeftBig');
$('.main-slider_fadeInRightBig').css('visibility', 'visible').removeClass('fadeInRightBig').addClass('fadeInRightBig');
}, afterInitDelay);
}
},
beforeMove: function (elem) {
if (mainSliderData) {
$('.main-slider_zoomIn').css('visibility', 'hidden').removeClass('zoomIn');
$('.main-slider_slideInUp').css('visibility', 'hidden').removeClass('slideInUp');
$('.main-slider_fadeInLeft').css('visibility', 'hidden').removeClass('fadeInLeft');
$('.main-slider_fadeInRight').css('visibility', 'hidden').removeClass('fadeInRight');
$('.main-slider_fadeInLeftBig').css('visibility', 'hidden').removeClass('fadeInLeftBig');
$('.main-slider_fadeInRightBig').css('visibility', 'hidden').removeClass('fadeInRightBig');
}
},
afterMove: sliderContentAnimate,
afterUpdate: sliderContentAnimate,
});
});
function sliderContentAnimate(elem) {
var $elem = elem;
var afterMoveDelay = $elem.data('after-move-delay');
var mainSliderData = $elem.data('main-text-animation');
if (mainSliderData) {
setTimeout(function () {
$('.main-slider_zoomIn').css('visibility', 'visible').addClass('zoomIn');
$('.main-slider_slideInUp').css('visibility', 'visible').addClass('slideInUp');
$('.main-slider_fadeInLeft').css('visibility', 'visible').addClass('fadeInLeft');
$('.main-slider_fadeInRight').css('visibility', 'visible').addClass('fadeInRight');
$('.main-slider_fadeInLeftBig').css('visibility', 'visible').addClass('fadeInLeftBig');
$('.main-slider_fadeInRightBig').css('visibility', 'visible').addClass('fadeInRightBig');
}, afterMoveDelay);
}
}
function carouselStarts() {
var owlCarouselBox = $('.b-single-gallery-carousel');
if (owlCarouselBox && owlCarouselBox.length) {
owlCarouselBox.each(function (i) {
var $owl = $(this);
var loopData = $owl.data('loop');
var centerData = $owl.data('center');
var autoWidthData = $owl.data('auto-width');
var dotsData = $owl.data('dots');
var navData = $owl.data('nav');
var marginData = $owl.data('margin');
var responsiveClassData = $owl.data('responsive-class');
var responsiveData = $owl.data('responsive');
var sliderNext = $owl.data('slider-next');
var sliderPrev = $owl.data('slider-prev');
$owl.owlCarousel({
loop: loopData,
center: centerData,
autoWidth: autoWidthData,
dots: dotsData,
nav: navData,
autoplay: true,
margin: marginData,
responsiveClass: responsiveClassData,
responsive: responsiveData
});
$(sliderNext).on("click", function () {
$owl.trigger('next.owl.carousel');
});
$(sliderPrev).on("click", function () {
$owl.trigger('prev.owl.carousel');
});
});
}
}
setTimeout(carouselStarts, 100);
/**** Bxslider ****/
if ($('.bxslider-services').length > 0) {
$('.bxslider-services').bxSlider({
mode: 'horizontal',
captions: true,
pager: false,
infiniteLoop: false,
nextSelector: '#pager-services-next',
prevSelector: '#pager-services-prev',
nextText: '',
prevText: ''
});
}
//with custom pager
if ($('.bxslider-services').length > 0) {
$('.bxslider-services').bxSlider({
pagerCustom: ".bx-pager-services",
minSlides: 1,
maxSlides: 1,
nextSelector: '#pager-services-next',
prevSelector: '#pager-services-prev',
nextText: '',
prevText: ''
});
}
if ($('.bxslider-history').length > 0) {
$('.bxslider-history').bxSlider({
mode: 'horizontal',
captions: true,
pager: false,
infiniteLoop: false,
nextSelector: '#pager-history-next',
prevSelector: '#pager-history-prev',
nextText: '',
prevText: ''
});
}
//with custom pager
if ($('.bxslider-history').length > 0) {
$('.bxslider-history').bxSlider({
pagerCustom: '.bx-pager-history',
minSlides: 1,
maxSlides: 1,
infiniteLoop: false,
nextSelector: '#pager-history-next',
prevSelector: '#pager-history-prev',
nextText: '',
prevText: ''
});
}
if ($('.bxslider-reviews').length > 0) {
$('.bxslider-reviews').bxSlider({
mode: 'horizontal',
captions: true,
pager: false,
infiniteLoop: false,
nextSelector: '#pager-reviews-next',
prevSelector: '#pager-reviews-prev',
nextText: '',
prevText: ''
});
}
//with custom pager
if ($('.bxslider-reviews').length > 0) {
var bxReviewPager = $('.bxslider-reviews .bx-pager');
$('.bxslider-reviews').bxSlider({
pagerCustom: '.bx-pager-reviews',
minSlides: 1,
maxSlides: 1,
infiniteLoop: false,
nextSelector: '#pager-reviews-next',
prevSelector: '#pager-reviews-prev',
nextText: '',
prevText: ''
});
}
$(".carousel-post").bxSlider({
adaptiveHeight: true,
auto: true,
nextText: '',
prevText: ''
});
/**** Footer fixed ****/
if ($('.fixed-footer').length) {
var fixedFooter = $(".fixed-footer").height();
$(".layout-theme").css("marginBottom", fixedFooter);
}
/**** Slick slider ****/
if ($('.b-home-slider').length > 0) {
$('.b-home-slider').slick({
prevArrow: $('#home-slider-prev'),
nextArrow: $('#home-slider-next')
// other settings can be set using the data-slick attribute on the slick element in the HTML markup
});
}
if ($('.b-latest-carousel').length > 0) {
$('.b-latest-carousel').slick({
variableWidth: true,
centerMode: true,
centerPadding: '80px',
slidesToShow: 1,
prevArrow: $('#slick-slideshow-prev'),
nextArrow: $('#slick-slideshow-next'),
responsive: [{
breakpoint: 1200,
settings: {
slidesToShow: 1,
centerPadding: '20px',
arrows: true
}
}, {
breakpoint: 991,
settings: {
slidesToShow: 1,
centerPadding: '10px',
arrows: true
}
}, {
breakpoint: 639,
settings: {
slidesToShow: 1,
centerPadding: '0',
arrows: true,
variableWidth: false,
centerMode: false
}
}]
});
}
if ($('.b-team-carousel').length > 0) {
$('.b-team-carousel').slick({
infinite: true,
slidesToShow: 1,
centerMode: true,
variableWidth: true,
prevArrow: $('#team-slideshow-prev'),
nextArrow: $('#team-slideshow-next')
});
}
if ($('.b-recent-carousel').length > 0) {
$('.b-recent-carousel').slick({
infinite: true,
slidesToShow: 1,
centerMode: true,
centerPadding: '0px',
variableWidth: true,
prevArrow: $('#recent-slideshow-prev'),
nextArrow: $('#recent-slideshow-next')
});
}
/**** Sly slider ****/
if ($('.b-sly-slider').length > 0) {
(function () {
var $frame = $('#frame');
var $wrap = $frame.parent();
// Call Sly on frame
$frame.sly({
horizontal: 1,
itemNav: 'basic',
activateOn: 'click',
mouseDragging: 1,
touchDragging: 1,
releaseSwing: 1,
scrollBar: $wrap.find('.scrollbar'),
scrollBy: 1,
speed: 300,
elasticBounds: 1,
easing: 'easeOutExpo',
dragHandle: 1,
dynamicHandle: 0,
clickBar: 1
});
// Sly to be reloaded when the user resizes the browser
$(window).resize(function (e) {
$frame.sly('reload');
});
}());
}
/*******************************************************
***** Big adaptive title ***
*********************************************************/
$(".b-upper-title").slabText({
// Don't slabtext the headers if the viewport is under 380px
"viewportBreakpoint": 380
});
/*******************************************************
***** Full Width, Verticale Title , SVG Creator ***
*********************************************************/
function fullWidthSection() {
var windowWidth = $(window).width();
var widthContainer = $('.home-template > .container, .portfolio-section > .container , .page-content > .container').width();
var widthContainerTitle = $('.home-template > .container, .portfolio-section > .container , .page-content > .container').width();
var fullWidth1 = windowWidth - widthContainer;
var fullWidth2 = fullWidth1 / 2;
var fullWidthTitle1 = windowWidth - widthContainerTitle;
var fullWidthTitle2 = fullWidthTitle1 / 2;
$('.js_stretch_anchor').css("width", windowWidth + 30);
$('.js_stretch_anchor').css("margin-left", -fullWidth2 - 15);
$(' .jarallax-full-width').css("min-width", windowWidth);
$(' .jarallax-full-width').css("margin-left", -fullWidth2 + 15);
var widthContainerFooter = $('.footer > .container').width();
var fullWidthFoot = windowWidth - widthContainerFooter;
var fullWidthFoot2 = fullWidthFoot / 2;
$(' .footer .jarallax-full-width').css("min-width", windowWidth + 30);
$(' .footer .jarallax-full-width').css("margin-left", -fullWidthFoot2);
$('.vertical-left').css("left", -fullWidthTitle2);
$('.vertical-right').css("right", -fullWidthTitle2);
$('circle.pix-decor-circle').each(function (index) {
var hor = $(this).data('horizontal') * windowWidth / 100;
$(this).attr('cx', hor);
});
if (windowWidth <= 768) {
$('.section-decor-wrap').each(function (index) {
var top, height;
top = $(this).data('top');
$(this).css('top', -(top / 2 - 1));
height = $(this).data('height');
$(this).css('height', height / 2);
});
$('.section-decor-wrap svg').each(function (index) {
var height;
height = $(this).data('height');
$(this).height(height / 2);
});
$('.section-decor-wrap pattern').each(function (index) {
var height;
height = $(this).data('height');
$(this).attr('height', height / 2 * 10);
});
$('.section-decor-wrap rect').each(function (index) {
var height;
height = $(this).data('height');
$(this).attr('height', height / 2);
});
$('circle.pix-decor-circle').each(function (index) {
var ver = $(this).data('vertical') / 2;
$(this).attr('cy', ver);
});
} else {
$('.section-decor-wrap').each(function (index) {
$(this).css('top', -($(this).data('top') - 1));
$(this).css('height', $(this).data('height'));
});
$('.section-decor-wrap svg').each(function (index) {
$(this).height($(this).data('height'));
});
$('.section-decor-wrap pattern').each(function (index) {
$(this).attr('height', $(this).data('height') * 10);
});
$('.section-decor-wrap rect').each(function (index) {
$(this).attr('height', $(this).data('height'));
});
$('circle.pix-decor-circle').each(function (index) {
$(this).attr('cy', $(this).data('vertical'));
});
}
}
fullWidthSection();
$(window).resize(function () {
fullWidthSection()
});
/*******************************************************
********** jarallax ***************
*********************************************************/
$(".vc_row").children().each(function (i) {
var rowChecker = $(this);
if (rowChecker.is(".jarallax")) {
var rowPadTop = $(this).parent().css("padding-top");
var rowPadBot = $(this).parent().css("padding-bottom");
$(this).parent().addClass("jarallax-nopadding");
$(this).css("padding-top", rowPadTop);
$(this).css("padding-bottom", rowPadBot);
}
});
/*******************************************************
***** LOAD MORE PORTFOLIO *****
*********************************************************/
function loadMore() {
"use strict";
$('.load-more a').on('click', function (e) {
e.preventDefault();
var current_page = $(this).parent().attr('data-current');
var max_pages = $(this).parent().attr('data-max-pages');
var wrapper_id = '#' + $(this).parents('.portfolio-list-section').attr('id');
var link = $(this).attr('href');
var $container = wrapper_id + ' .portfolio-masonry-holder';
var container = $($container);
var $anchor = wrapper_id + ' .portfolio-pagination .load-more a';
var next_href = $(this).attr('href'); // Get URL for the next set of posts
var btn = $(this);
var load_more_holder = $(this).parents('.portfolio-pagination');
var loading_holder = $(this).parents('.portfolio-pagination').next();
load_more_holder.hide();
loading_holder.show();
$('.folio-isotop-filter li').find('.selected').removeClass('selected');
$('.folio-isotop-filter ul li:first a').addClass('selected');
container.isotope({
filter: '*'
});
$.get(link + '', function (data) {
console.log(wrapper_id);
var new_content = $($container, data).wrapInner('').html(); // Grab just the content
next_href = $($anchor, data).attr('href'); // Get the new href
$(container, data).waitForImages(function () {
container.append(new_content);
// trigger isotope again after images have been loaded
container.imagesLoaded(function () {
container.isotope('reloadItems').isotope({
sortBy: 'original-order'
});
});
container.children().removeClass('wow');
current_page++;
if (max_pages > current_page) {
btn.attr('href', next_href); // Change the next URL
} else {
btn.parent().remove();
}
container.children('.portfolio-pagination:last').remove(); // Remove the original navigation
load_more_holder.show();
loading_holder.hide();
btn.parent().attr('data-current', current_page);
});
});
});
}
loadMore();
/*******************************************************
***** SCROLL HREF *****
*********************************************************/
$("a.rev-btn[href*='#'], a[href*='#'].tp-caption").on("click", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({
scrollTop: top
}, 1500);
});
/*******************************************************
***** Hover application *****
*********************************************************/
$(".app-features").on('hover', function (e) {
var value = $(this).attr('data-src');
$(".service-application-img img").attr("src", value);
});
$(".app-features").on("click", "p", function () {
$owl.trigger('next.owl.carousel');
});
/*******************************************************
***** sticky sidebar *****
*********************************************************/
var windowWidth = $(window).width();
if (windowWidth > 1000) {
if ($('#work-body-sticky').length > 0) {
(function () {
var a = document.querySelector('#work-body-sticky'),
b = null,
P = 0;
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);
function Ascroll() {
if (b == null) {
var Sa = getComputedStyle(a, ''),
s = '';
for (var i = 0; i < Sa.length; i++) {
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div');
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild);
var l = a.childNodes.length;
for (var i = 1; i < l; i++) {
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px';
a.style.padding = '0';
a.style.border = '0';
}
var Ra = a.getBoundingClientRect(),
R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('footer').getBoundingClientRect().top + 100);
if ((Ra.top - P) <= 0) {
if ((Ra.top - P) <= R) {
b.className = 'stop';
b.style.top = -R + 'px';
} else {
b.className = 'sticky';
b.style.top = P + 'px';
}
} else {
b.className = '';
b.style.top = '';
}
window.addEventListener('resize', function () {
a.children[0].style.width = getComputedStyle(a, '').width
}, false);
}
})()
}
var DelayLoad = function () {
$(".sticky-bar").stick_in_parent();
};
setTimeout(DelayLoad, 2000);
}
/*******************************************************
***** scrollie background color *****
*********************************************************/
var wHeight = $(window).height();
$('.scrollie')
.height(wHeight)
.scrollie({
scrollOffset: -250,
scrollingInView: function (elem) {
var bgColor = elem.data('background');
$('body').css('background-color', bgColor);
}
});
/*******************************************************
***** ISOTOPE FILTER *****
*********************************************************/
var portfolio_container = $('.portfolio-masonry-holder');
portfolio_container.imagesLoaded(function () {
portfolio_container.isotope({
// options
itemSelector: '.item',
layoutMode: 'masonry',
});
});
$('.folio-isotop-filter a').on('click', function () {
var container = $('.portfolio-masonry-holder');
var filterValue = $(this).attr('data-filter');
//don't proceed if already selected
if ($(this).hasClass('selected')) {
return false;
}
var $portfolio_optionSet = $(this).parents('.folio-option-set');
$portfolio_optionSet.find('.selected').removeClass('selected');
$(this).addClass('selected');
filterValue = filterValue === 'false' ? false : filterValue;
portfolio_container.isotope({
filter: filterValue
});
return false;
});
var blog_container = $('.blog-masonry-holder');
blog_container.isotope({
// options
itemSelector: '.item',
layoutMode: 'masonry',
});
var $container = $('#gallery-items');
$(window).load(function () {
$container.isotope({
// resizable: false, // disable normal resizing
transitionDuration: '0.65s',
masonry: {
columnWidth: $container.find('.gallery-item:not(.wide)')[0]
}
});
$(window).resize(function () {
$container.isotope('layout');
});
});
/////////////////////////////////////
// Tarhet Blank Menu
/////////////////////////////////////
$('.yamm li a[target="_blank"]').each(function () {
var targetLink = $(this).attr('href');
$(this).click(function() {
window.open(targetLink);
});
});
/////////////////////////////////////
// Chars Start
/////////////////////////////////////
if ($('body').length) {
$(window).on('scroll', function () {
var winH = $(window).scrollTop();
$('.tmpl-stats').waypoint(function () {
$('.js-chart').each(function () {
CharsStart();
});
}, {
offset: '120%'
});
});
}
function CharsStart() {
$('.js-chart').easyPieChart({
barColor: false,
trackColor: false,
scaleColor: false,
scaleLength: false,
lineCap: false,
lineWidth: false,
size: false,
animate: 7000,
onStep: function (from, to, percent) {
$(this.el).find('.js-percent').text(Math.round(percent));
}
});
}
/////////////////////////////////////////////////////////////////
// Map/Form Switcher
/////////////////////////////////////////////////////////////////
$(".map-form-switcher .switcher-toggle").on('click', function (e) {
e.preventDefault();
$('.b-map-form-holder .b-contact-form').fadeToggle("300", "linear");
$('.b-map-form-holder').toggleClass("map-active");
});
/////////////////////////////////////////////////////////////////
// Map/Form Switcher
/////////////////////////////////////////////////////////////////
$(".panel-heading").on('click', function (e) {
$(".panel-heading").removeClass("active");
$(this).addClass("active");
});
/**
* WooCommerce Variation Dynamic SubTotal
*/
function addThousandSep(n, thousand_separator) {
var rx = /(\d+)(\d{3})/;
return String(n).replace(/^\d+/, function (w) {
while (rx.test(w)) {
w = w.replace(rx, '$1' + thousand_separator + '$2');
}
return w;
});
};
function sub_total_change(price, count) {
var currency, decimal_separator, thousand_separator, decimals, currency_pos;
currency = $('.fixar_woo_currency').val();
decimal_separator = $('.fixar_woo_decimal_separator').val();
thousand_separator = $('.fixar_woo_thousand_separator').val();
decimals = $('.fixar_woo_decimals').val();
currency_pos = $('.fixar_woo_currency_pos').val();
var totalPrice = parseFloat(price) * count,
htmlPrice;
totalPrice = totalPrice.toFixed(decimals);
htmlPrice = totalPrice.toString().replace('.', decimal_separator);
if (thousand_separator.length > 0) {
htmlPrice = addThousandSep(htmlPrice, thousand_separator);
}
if (currency_pos == 'right') {
htmlPrice = htmlPrice + currency;
} else if (currency_pos == 'right_space') {
htmlPrice = htmlPrice + ' ' + currency;
} else if (currency_pos == 'left_space') {
htmlPrice = currency + ' ' + htmlPrice;
} else {
htmlPrice = currency + htmlPrice;
}
$('.form-cart__price-total').html(htmlPrice);
}
$('.shopping_cart-quantity input').on('change', function () {
var currency = $('.fixar_woo_currency').val();
var sufix = '';
$.each($('.tawcvs-swatches span.selected'), function () {
sufix = sufix + '_' + $(this).data('value');
});
var price = $('.fixar_woo_price' + sufix).val();
sub_total_change(price, $(this).val());
//alert( "Handler for .change() called: "+ price );
});
$('.table-container .single_variation_wrap').on('bind', 'DOMSubtreeModified', function () {
var currency = $('.fixar_woo_currency').val();
var sufix = '';
$.each($('.tawcvs-swatches span.selected'), function () {
sufix = sufix + '_' + $(this).data('value');
});
var price = $('.fixar_woo_price' + sufix).val();
var count = $('.shopping_cart-quantity input').val();
if (price !== 'undefined' && price != '')
sub_total_change(price, count);
});
$('.dprtm-disable-links a').on("click", function (e) {
e.preventDefault();
});
});
new WOW().init();