// !function(a){a.fn.jPinning=function(b){var c={offset:!1,onPin:function(){},onUnpin:function(){}},d=a.extend({},c,b),e={lastScrollTop:0,document:a(document),window:a(window),status:"pinned"},f={nav:"pinning-nav",pinned:"pinned",unpinned:"unpinned",top:"pinning-top"},g={isUnpinned:function(){return"unpinned"==e.status?!0:!1},isPinned:function(){return"pinned"==e.status?!0:!1},prepare:function(){e.target.addClass(f.nav),e.target.css("position","fixed")},pin:function(){g.isUnpinned()&&(e.status="pinned",e.target.removeClass(f.unpinned).addClass(f.pinned),d.onPin.call(e.target))},unpin:function(){g.isPinned()&&(e.status="unpinned",e.target.removeClass(f.pinned).removeClass(f.top).addClass(f.unpinned),d.onUnpin.call(e.target))},calcOffset:function(a){return"auto"==d.offset&&(d.offset=e.target.outerHeight()),d.offset?a>d.offset?!0:!1:!0},pinHandler:function(){var a=e.window.scrollTop(),b=e.document.height()-e.window.height();if(0>a&&(a=0),a>=b&&(a=b,e.lastScrollTop=a-1),0==a&&e.target.addClass(f.top),a<=e.lastScrollTop)g.pin();else{var c=g.calcOffset(a);c&&g.unpin()}e.lastScrollTop=a}};return this.each(function(){e.target=a(this),g.prepare(),a(window).on("scroll",g.pinHandler)})}}(jQuery); // var $c = $("#elements"); // container // var $e = $(".scroller"); // scroll div // var loopPoint = $e.height() - $c.height(); // figure out the end of scroll div // const $eData = $('.scroller').html(); // storing data needed to be repeated // $c.scroll(function () { // if ($c.scrollTop() === loopPoint) { // $e.append($eData); // duplicating data // loopPoint = $e.height() - $c.height(); // recalculate scroller div // } // }); function findGetParameter(parameterName) { var result = null, tmp = []; location.search .substr(1) .split("&") .forEach(function (item) { tmp = item.split("="); if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]); }); return result; } $(document).ready(function () { if (findGetParameter('iframe')) { $('header').hide(); $('footer').hide(); $('.happy-users-numbers').hide(); $('.pricing-faq').hide(); } $('#cookie-law-info-bar').css('visibility','hidden'); // update classes on scroll position function updateNavbarOnScroll() { var tp = $(this).scrollTop(); if (tp > 10) { $(".page-head").css("padding", "15px 15px 15px 90px"); $(".page-head").addClass("bb"); $(".content .navbar-expand-lg .navbar-collapse").css("marginBottom", "0px"); $(".navbar:not(.error-page-header)").addClass("pinned").removeClass('unpinned pinning-top'); } else { $(".page-head").css("padding", "50px 15px 50px 90px"); $(".content .navbar-expand-lg .navbar-collapse").css("marginBottom", "100px"); $(".page-head").removeClass("bb"); $(".navbar:not(.error-page-header)").removeClass("pinned").addClass('unpinned pinning-top'); } } // Check scroll position on page load updateNavbarOnScroll.call(window); // Update on scroll $(window).scroll(updateNavbarOnScroll); $(document).scroll(function() { var y = $(document).scrollTop(); if((y >= 200) && ($('#cookie-law-info-bar').css('visibility') != "visible")) { setTimeout(function(){ $('#cookie-law-info-bar').css('visibility','visible'); }, 15000); } }); // First Image var mousePointer = document.getElementById('first-img-moving'); if(typeof(mousePointer) != 'undefined' && mousePointer != null){ document.addEventListener('mousemove', function(e){ var x = e.pageX / window.innerHeight; x = x * 60; var y = e.pageY / window.innerWidth; y = y * 60; mousePointer.style.webkitTransform = 'translateX(' + x + 'px) translateY(' + y + 'px)'; mousePointer.style.transform = 'translateX(' + x + 'px) translateY(' + y + 'px)'; }); } $('.link_target').click(function(e){ var x = $(this).data('scroll'); $('#features').addClass('active').siblings().removeClass('active'); $('.features-content').addClass('active').siblings().removeClass('active'); $('html, body').animate({ scrollTop: ($(x).offset().top - 50) }); }); $('.feature-title').click(function () { $(this).addClass('active').siblings().removeClass('active'); var tsId = $(this).attr('id'); $('#feature_' + tsId).addClass('active').siblings().removeClass('active'); }); $(document).on('click', '#elements li', (function () { $(this).addClass("active").siblings().removeClass('active').removeClass('up-op').removeClass('mid-op'); $('#elements li.active').prev().addClass("up-op"); $('#elements li.active').next().addClass("up-op"); $('#elements li.active').prev().prev().addClass("mid-op"); $('#elements li.active').next().next().addClass("mid-op"); var cntName = $(this).attr('id'); $('.content-box').removeClass('active'); $('#cnt-' + cntName).addClass('active'); })); $('#elements li.active').prev().addClass("up-op"); $('#elements li.active').prev().prev().addClass("mid-op"); $('#elements li.active').next().addClass("up-op"); $('#elements li.active').next().next().addClass("mid-op"); // Main slider // $('.main-slider').slick({ // slidesToShow: 1, // slidesToScroll: 1, // // dots: false, // arrows: false // }); $('.features-slides').slick({ prevArrow: ".slick-prev", nextArrow: ".slick-next", asNavFor: ".slides-nav", slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, centerPadding: '-20px' }); // $(".slides-nav-wrap div.mobile-arrows.right button").click(function (e) { // e.preventDefault(); // $('.features-slides').slick('slickNext'); // }); // $(".slides-nav-wrap div.mobile-arrows.left button").click(function (e) { // e.preventDefault(); // $('.features-slides').slick('slickPrev'); // }); $('.partners-slider').slick({ slidesToShow: 5, slidesToScroll: 1 }); $('.slides-nav').slick({ asNavFor: ".features-slides", slidesToShow: 7, slidesToScroll: 1, dots: false, arrows: false, variableWidth: true, centerMode: true, focusOnSelect: true, centerPadding: '0px', responsive: [{ breakpoint: 990, settings: { slidesToShow: 5 } }, { breakpoint: 768, settings: { slidesToShow: 3 } }, { breakpoint: 321, settings: { slidesToShow: 1 } } ] }); $(".mod").click(function (e) { e.preventDefault(); $("#mod-divs").animate({ top: 0 }, 100); $("#mod-divs").addClass('active'); }); $(".indust").click(function (e) { e.preventDefault(); $("#indust-divs").animate({ top: 0 }, 100); $("#indust-divs").addClass('active'); }); $(".close-popup").click(function (e) { $(this).parent().animate({ top: "-100%" }, 100); $(this).parent().removeClass('active'); }); $(document).keyup(function (e) { if (e.keyCode === 27) { $('#mod-divs').animate({ top: "-100%" }, 100); $('#indust-divs').animate({ top: "-100%" }, 100); $("#mod-divs").removeClass('active'); $("#indust-divs").removeClass('active'); } }); $('.module-tabs li').click(function () { if($(this).hasClass('visible-always')){ $('#overview').addClass('active').siblings().removeClass('active'); $('.overview-content').addClass('active').siblings().removeClass('active'); $('html,body').animate({ scrollTop: $(".features-content").offset().top - 50 }, 500, 'linear'); } else { $(this).addClass('active').siblings().removeClass('active'); var tsId = $(this).attr('id'); $('.' + tsId + '-content').addClass('active').siblings().removeClass('active'); $('html,body').animate({ scrollTop: $(".tabs-content").offset().top - 50 }, 500, 'linear'); } }); $('.close').click(function () { $(this).parent().removeClass('active'); $('.faq-content > .row').show(); }); $(".quest-open").click(function () { $("#quest-" + $(this).attr('id')).addClass('active').siblings().removeClass('active'); $('.faq-content > .row').hide(); }); $(document).mouseup(function(e) { var container = $(".quest.active"); if (!container.is(e.target) && container.has(e.target).length === 0) { container.removeClass('active'); $('.faq-content > .row').show(); } }); $("video").hover(function () { if (this.hasAttribute("controls")) { this.removeAttribute("controls"); } else { this.setAttribute("controls", "controls"); } }); $(".top-page").click(function () { $('html, body').animate({ "scrollTop": 0 }, 500); }); $(".page-content").css("marginTop", $(".page-head").height()); $(".terms-menu li a").click(function () { $($(this).attr("href")).css("paddingTop", ($(".page-head").height() + 200)); }); $(".closed").click(function () { $(this).parents(".single-content").toggleClass("coll"); if ($(this).html() === "Collapse") { $(this).html("Expand"); } else if ($(this).html() === "Expand") { $(this).html("Collapse"); } }); $(".menu-btn").click(function () { $(this).toggleClass("clicked"); $(".navbar-nav.custom").children(".nav-item").toggleClass("zaher"); }); $("#form-type").change(function () { var val = $(this).val(); $("#" + val + "-form").show().siblings().hide(); }); if ($('body').hasClass('single-modules_overview')) { $('.quest-open').hover(function () { $(this).css("background-color", $(this).data('hover')); }); $('.quest-open').mouseout(function () { $(this).css("background-color", '#fff'); }); } // modules page slider if( $('.modules-slider').length ){ // Slide buttons var scrollContainer = $('.modules-slider'); var maxScrollLeft = $('.modules-slider').get(0).scrollWidth - $('.modules-slider').get(0).clientWidth; // var maxScrollLeft2 = $('.modules-slider').width(); (function($) { $.fn.hasScrollBar = function() { return this.get(0).scrollWidth > this.width(); } })(jQuery); if ($(scrollContainer).hasScrollBar()) { $('#right-button').show(); } $('#right-button').click(function() { event.preventDefault(); $('.modules-slider').animate({ scrollLeft: "+=100px" }, "fast"); }); $('#left-button').click(function() { event.preventDefault(); $('.modules-slider').animate({ scrollLeft: "-=100px" }, "fast"); }); $('.modules-slider').scroll(function(){ // console.log($(scrollContainer).scrollLeft()); // console.log(maxScrollLeft); // console.log(scrollContainer.scrollLeft() < maxScrollLeft && scrollContainer.scrollLeft() > 5); if( scrollContainer.scrollLeft() < (maxScrollLeft - 5) && scrollContainer.scrollLeft() > 5) { $('#right-button').show(); $('#left-button').show(); } else if( scrollContainer.scrollLeft() < 5) { $('#right-button').show(); $('#left-button').hide(); } else if( scrollContainer.scrollLeft() > (maxScrollLeft - 5)) { $('#left-button').show(); $('#right-button').hide(); } }) } //store the element if( $('#selector').length ){ var $cache = $('.fixed-img'); var $cacheT = $('#ch').height(); var mr = $('.container').css('marginRight'); //store the initial position of the element var vTop = $cache.offset().top - parseFloat($cache.css('margin-top').replace(/auto/, 0)); $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop(); var all = vTop + $('#ch').height(); // whether that's below the form if (y >= vTop && y <= all) { // if so, ad the fixed class $cache.addClass('stuck'); $cache.css('right', mr); $('.ftrs-holder').css({ 'width': '385px', 'top': '150px' }); } else { // otherwise remove it $cache.removeClass('stuck'); } }); } // $(function(){ // $('.navbar').jPinning({ // Offset: 'auto' // }); // }); var tp = $(window).scrollTop(); if (tp > 10) { $(".navbar").addClass("pinned"); } $(function() { $('.hover-effect') .on('mouseenter', function(e) { var parentOffset = $(this).offset(), relX = e.pageX - parentOffset.left, relY = e.pageY - parentOffset.top; $(this).find('span.hover-effect-hover').css({top:relY, left:relX}) }) .on('mouseout', function(e) { var parentOffset = $(this).offset(), relX = e.pageX - parentOffset.left, relY = e.pageY - parentOffset.top; $(this).find('span.hover-effect-hover').css({top:relY, left:relX}) }); }); // MODULES SVG var element = document.getElementById('all_layers_1_'); if (typeof(element) != 'undefined' && element != null) { $('#modules-layers').viewportChecker(); $(window).on('scroll', function() { if ($('#modules-layers').hasClass('visible')) { $('#module_1_layer').hover(function(e) { $('#LAYER_1_POPUP').css({ left: e.offsetX, top: e.offsetY + 20 }).toggle(30); TweenMax.to($('#module_1_layer'), 1, { scale: 1.15, transformOrigin: 'center', y: 0, }); }, function() { TweenMax.to($('#module_1_layer'), 1, { scale: 1 }); $('#LAYER_1_POPUP').toggle(30); setTimeout(function() { TweenMax.fromTo($('#module_1_layer'), 5, { y: 0, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06); }, 3500); }); $('#module_2_layer').hover(function(e) { $('#LAYER_2_POPUP').css({ left: e.offsetX - 150, top: e.offsetY + 20 }).toggle(30); TweenMax.to($('#module_2_layer'), 1, { scale: 1.15, transformOrigin: 'center', y: 0, }); }, function() { TweenMax.to($('#module_2_layer'), 1, { scale: 1 }); $('#LAYER_2_POPUP').toggle(30); setTimeout(function() { TweenMax.fromTo($('#module_2_layer'), 5, { y: 0, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06); }, 3500); }); $('#module_3_layer').hover(function(e) { $('#LAYER_3_POPUP').css({ left: e.offsetX - 250, top: e.offsetY + 20 }).toggle(30); TweenMax.to($('#module_3_layer'), 1, { scale: 1.15, transformOrigin: 'center', y: 0, }); }, function() { TweenMax.to($('#module_3_layer'), 1, { scale: 1 }); $('#LAYER_3_POPUP').toggle(30); setTimeout(function() { TweenMax.fromTo($('#module_3_layer'), 5, { y: 0, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06); }, 3500); }); $('#module_4_layer').hover(function(e) { $('#LAYER_4_POPUP').css({ left: e.offsetX - 150, top: e.offsetY - 250 }).toggle(30); TweenMax.to($('#module_4_layer'), 1, { scale: 1.15, transformOrigin: 'center', y: 0, }); }, function() { TweenMax.to($('#module_4_layer'), 1, { scale: 1 }); $('#LAYER_4_POPUP').toggle(30); setTimeout(function() { TweenMax.fromTo($('#module_4_layer'), 5, { y: 0, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06); }, 3500); }); $('#module_5_layer').hover(function(e) { $('#LAYER_5_POPUP').css({ left: e.offsetX, top: e.offsetY - 150 }).toggle(30); TweenMax.to($('#module_5_layer'), 1, { scale: 1.15, transformOrigin: 'center', y: 0, }); }, function() { TweenMax.to($('#module_5_layer'), 1, { scale: 1 }); $('#LAYER_5_POPUP').toggle(30); setTimeout(function() { TweenMax.fromTo($('#module_5_layer'), 5, { y: 0, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06); }, 3500); }); // JS CODE var cog1 = document.getElementById('cog-1-wrap'), cog2 = document.getElementById('cog-2-wrap'), cogshadow = document.getElementById('cog-shadow'), chart = document.getElementById('chart-wrap'), creditcard = document.getElementById('credit-card-wrap'), customerservice = document.getElementById('customer-service-wrap'), centerofearth = document.getElementById('CENTER_OF_THE_EARTH_WRAP'), centerofearthground = document.getElementById('CENTER_OF_THE_EARTH_GROUND'), centerofearthpipes = document.getElementsByClassName('CENTER_OF_THE_EARTH_LINE'), module_layers = document.getElementsByClassName('module_layer'), module_shadows = document.getElementsByClassName('module_shadow'), module_pipes = $('.module_pipe path'); var tl1 = new TimelineMax({ onComplete: onComplete1 }); tl2 = new TimelineMax({ paused: true, onComplete: onComplete2 }); tl3 = new TimelineMax({ paused: true, onComplete: onComplete3 }); tlrepeat = new TimelineMax({ repeat: -1, paused: true }); tlrepeat2 = new TimelineMax({ repeat: -1, paused: true }); tlrepeat3 = new TimelineMax({ repeat: -1, paused: true }); tlrepeat4 = new TimelineMax({ repeat: -1, paused: true }); tl1.timeScale(2.5); tl2.timeScale(2.5); tlrepeat3.timeScale(0.3); tlrepeat4.timeScale(0.3); // Animating Multi objects with stagger tl1 .fromTo( centerofearth, 0.7, { scale: 0, transformOrigin: 'center', ease: Expo.easeOut, force3D: false, }, { scale: 1, transformOrigin: 'center', ease: Expo.easeOut, force3D: false, } ) .fromTo(centerofearthground, 0.7, { scale: 0, transformOrigin: 'center', autoAlpha: 0, ease: Expo.easeOut, force3D: false, }, { scale: 1.05, autoAlpha: 1, }, 0.06) .add('centerofearth') .from(centerofearth, 1.7, { y: 40, transformOrigin: 'center', autoAlpha: 0, ease: Expo.easeOut, force3D: false, }, 'centerofearth') .staggerFromTo(centerofearthpipes, 0.7, { y: -20, transformOrigin: 'center', autoAlpha: 0, ease: Expo.easeOut, force3D: false, }, { y: 3, transformOrigin: 'center', autoAlpha: 1, ease: Expo.easeOut, force3D: false, }, 0.06); function onComplete1() { tl2.resume(); } tl2 .staggerFrom(module_layers, 0.7, { y: 0, transformOrigin: 'center', autoAlpha: 0, ease: Expo.easeOut, rotation: -20, force3D: false, }, 0.06) .staggerFrom(module_shadows, 0.7, { y: -20, transformOrigin: 'center', autoAlpha: 0, ease: Expo.easeOut, rotation: -20, force3D: false, }, '-=0.15') .add('loaditems') .staggerFrom([chart, cog1, cog2, cogshadow, customerservice, creditcard], 0.7, { y: -20, transformOrigin: 'center', autoAlpha: 0, ease: Expo.easeOut, rotation: -20, force3D: false, }, 'loaditems'); function onComplete2() { tl3.resume(); } tl3 .staggerTo(module_pipes, 0.1, { strokeDashoffset: '0px', ease: Expo.easeOut, }, 0.1) function onComplete3() { // tlrepeat.resume(); tlrepeat2.resume(); tlrepeat3.resume(); setTimeout(function() { tlrepeat4.resume(); $('.navbar').jPinning({ Offset: 'auto' }); }, 3000); } tlrepeat2 .staggerFromTo(module_layers, 5, { y: 0, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06) tlrepeat3 .staggerFromTo(module_shadows, 5, { y: 0, scale: 1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, { y: -10, scale: 1.1, ease: Back.easeInOut.config(4), repeat: -1, yoyo: true, }, 0.06) tlrepeat4 .staggerTo(module_pipes, 0.7, { strokeDashoffset: '2800px', yoyo: true, repeat: -1, transition: '0s' }, '+=23.15'); $(window).off('scroll'); } else { // do nothing } }); } if ($(window).width() > 768) { $('.entry-share-content').show(); }; }); // $(function () { // $('[data-toggle="tooltip"]').tooltipster({ // theme: 'tooltipster-borderless', // contentAsHTML: true, // debug: false, // delay: 100, // functionInit: function(instance, helper){ // var $origin = $(helper.origin), // dataOptions = $origin.attr('data-tooltipster'); // if(dataOptions){ // dataOptions = JSON.parse(dataOptions); // $.each(dataOptions, function(name, option){ // instance.option(name, option); // }); // } // helper.origin.dataset.title = instance.content(); // } // }); // }); $(document).on('click', ".toggle-password", function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $($(this).attr("data-password-toggle")); if (input.attr("type") === "password") { input[0].setAttribute('type', 'text'); } else { input[0].setAttribute('type', 'password'); } }); function login(name) { $(document).find('.loggedIn').show(); $(document).find('.loggedOut').hide(); $(document).find('.user_name').text(name); } function logout() { $(document).find('.loggedIn').hide(); $(document).find('.loggedOut').show(); } // $.ajax({ // url: 'https://subscription.enerpize.com/users/is_login', // dataType: 'json', // xhrFields: { withCredentials: true }, // crossDomain: true, // success: function (response) { // if(response.status){ // login(response.business_name); // } else { // logout(); // } // }, // cache: false, // error: function (req, status, err) { // console.log('Something went wrong', status, err); // } // });