Mr.Combet Webshell 🔥

Edit File Name : main.js

// Window Load
$(window).on('load',function(){
    $('.popup-onload').modal('show');
});
/*$(window).load(function() {
    //The last parameter is the callback that is fired after the animation
    $('.fixed-menu').delay(2000).addClass('animate-left').animate({opacity: '1'}, 500);
    $('.intro-tables').delay(200).addClass('animate-up').animate({opacity: '1'}, 500);
});*/

$(document).ready(function() {
    // Sliders Init
    var owl = $('.owl-banner');
    $('.owl-banner').owlCarousel({
        items: 1,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        autoplay: true,
        autoplayTimeout: 8000,
        loop: true
    });

$('.owl-schedule').owlCarousel({
        items: 1,
        animateOut: 'fadeOut',
        autoplay: true,
        loop: true,
        nav: true
    });

$('.owl-schedule2').owlCarousel({
        items: 1,
        autoplay: false,
        loop: true,
        autoplayTimeout: 5000,
        nav: true
    });

$('.owl-schedule3').owlCarousel({
        items: 1,
        autoplay: true,
        loop: true,
        autoplayTimeout: 6000,
        nav: true
    });

$('.owl-testimonials').owlCarousel({
        items: 1,
        autoplay: true,
        loop: true
    });

$('.owl-twitter').owlCarousel({
        items: 1,
        autoplay: true,
        loop: true
    });

// add animate.css class(es) to the elements to be animated
    function setAnimation(_elem, _InOut) {
        // Store all animationend event name in a string.
        // cf animate.css documentation
        var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';

_elem.each(function() {
            var $elem = $(this);
            var $animationType = 'animated ' + $elem.data('animation-' + _InOut);

$elem.addClass($animationType).one(animationEndEvent, function() {
                $elem.removeClass($animationType); // remove animate.css Class at the end of the animations
            });
        });
    }

// Fired before current slide change
    owl.on('change.owl.carousel', function(event) {
        var $currentItem = $('.owl-item', owl).eq(event.item.index);
        var $elemsToanim = $currentItem.find("[data-animation-out]");
        setAnimation($elemsToanim, 'out');
    });

// Fired after current slide has been changed
    owl.on('changed.owl.carousel', function(event) {
        var $currentItem = $('.owl-item', owl).eq(event.item.index);
        var $elemsToanim = $currentItem.find("[data-animation-in]").removeClass('fadeInUp');
        setAnimation($elemsToanim, 'in');
    })

$('section .cut').each(function() {
        if ($(this).hasClass('cut-top'))
            $(this).css('border-right-width', $(this).parent().width() + "px");
        else if ($(this).hasClass('cut-bottom'))
            $(this).css('border-left-width', $(this).parent().width() + "px");
    });

// Navbar Init
    $('.mobile-nav ul').html($('nav .navbar-nav').html());

// Bootstrap Carousel
    $('.carousel').carousel({
        interval: 4000
    })

// Banner Animation
    $('.fixed-menu').delay(2000).addClass('animate-left').animate({ opacity: '1' }, 500);
    $('.intro-tables').delay(200).addClass('animate-up').animate({ opacity: '1' }, 500);

// Typing Intro Init
    $(".typed").typewriter({
        speed: 100,
    });

//  Wow Init
    new WOW().init();

// Popup Form Init
    var i = 0;
    var interval = 0.15;
    $('.popup-form .dropdown-menu li').each(function() {
        $(this).css('animation-delay', i + "s");
        i += interval;
    });
    $('.popup-form .dropdown-menu li a').click(function(event) {
        event.preventDefault();
        $(this).parent().parent().prev('button').html($(this).html());
    });

// Adding class after scroll
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        var objectSelect = $("#intro");
        var objectPosition = objectSelect.offset().top;
        if (scroll >= objectPosition) {
            $(".intro-tables, #intro .owl-dots, .fixed-menu").addClass("change-top");
        } else {
            $(".intro-tables, #intro .owl-dots, .fixed-menu").removeClass("change-top");
        }
    });

// Onepage Nav
    $('.fixed-menu').onePageNav({
        currentClass: 'active',
        changeHash: false,
        scrollSpeed: 400,
        filter: ':not(.btn)'
    });

/*Equal MaxHeight  */
    var elements = $('.js-equal-height');
    elements.removeAttr('style');
    var maxHeight = -1;
    elements.each(function() {
        maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
    });
    elements.each(function() {
        $(this).height(maxHeight);
    })
    $(window).resize(function() {
        elements.removeAttr('style');
        setTimeout(function() {
            var maxHeight = -1;
            elements.each(function() {
                maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
            });
            elements.each(function() {
                $(this).height(maxHeight);
            })
        }, 500)
    })

// Dropdown Hover

$('.navbar-nav>li.dropdown').hover(function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn(100);
    }, function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut(100);
    });

if ($(window).width() < 769) {
        $('.navbar-nav>li.dropdown').click(function() {
            $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn(100);
        }, function() {
            $(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut(100);
        });
    }

$('.navbar-nav>li.dropdown').hover(
        function() { $(this).addClass('current-item') },
        function() { $(this).removeClass('current-item') }
    )

// Window Scroll
    function onScroll() {
        if ($(window).scrollTop() > 1) {
            $('.fixed-menu').onePageNav({
                currentClass: 'active',
            });
        } else {
            $('.fixed-menu li').removeClass("active");
        }

if ($(window).scrollTop() > 0) {
            $('nav.header-navigation').addClass('navbar-fixed-top');
        } else {
            $('nav.header-navigation').removeClass('navbar-fixed-top');
        }

if ($(window).scrollTop() > 300) {
            $('.fixed-menu').addClass("hidden-menu");
        } else {
            $('.fixed-menu').removeClass("hidden-menu");
        }
    }

window.addEventListener('scroll', onScroll, false);

// Window Resize
    $(window).resize(function() {
        $('header').height($(window).height());
    });

// Pricing Box Click Event
    $('.pricing .box-main').click(function() {
        $('.pricing .box-main').removeClass('active');
        $('.pricing .box-second').removeClass('active');
        $(this).addClass('active');
        $(this).next($('.box-second')).addClass('active');
        $('#pricing').css("background-image", "url(" + $(this).data('img') + ")");
        $('#pricing').css("background-size", "cover");
    });

// Mobile Nav
    $('body').on('click', 'nav .navbar-toggle', function() {
        event.stopPropagation();
        $('.mobile-nav').addClass('active');
    });

// Remove onClick Event
    $('body').on('click', '.mobile-nav li a:not(.mobile-nav li.dropdown a), .mobile-nav .dropdown-menu a', function(event) {
        $('.mobile-nav').removeClass('active');
        if (!this.hash) return;
        event.preventDefault();
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            event.stopPropagation();
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html,body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });

$('body').on('click', '.mobile-nav a.close-link', function(event) {
        $('.mobile-nav').removeClass('active');
        event.preventDefault();
    });

//Adding Dropdown current-item
    $(function() {
        $('.dropdown > a').click(function() {
            $('.dropdown > a').removeClass('current-item');
            $(this).addClass('current-item');
        });
    });

//Smooth Scrool
    $('body').on('click', 'nav.original .navbar-nav a:not([data-toggle])', function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            event.stopPropagation();
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html,body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });

function centerModal() {
        $(this).css('display', 'block');
        var $dialog = $(this).find(".modal-dialog"),
            offset = ($(window).height() - $dialog.height()) / 2,
            bottomMargin = parseInt($dialog.css('marginBottom'), 10);

// Make sure you don't hide the top part of the modal w/ a negative margin
        // if it's longer than the screen height, and keep the margin equal to
        // the bottom margin of the modal
        if (offset < bottomMargin) offset = bottomMargin;
        $dialog.css("margin-top", offset);
    }

$('.modal').on('show.bs.modal', centerModal);

$('.modal-popup .close-link').click(function(event) {
        event.preventDefault();
        $('.modal').modal('hide');
    });

$(window).on("resize", function() {
        $('.modal:visible').each(centerModal);
    });

//Fancybox
    $('.fancybox').fancybox({
        helpers: {
            title: {
                type: 'inside'
            },
        },

});

$('.fancybox-buttons').fancybox({
        openEffect: 'none',
        closeEffect: 'none',

prevEffect: 'none',
        nextEffect: 'none',

closeBtn: false,

helpers: {
            title: {
                type: 'inside'
            },
            buttons: {}
        },

afterLoad: function() {
            this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
        }
    });

})

/*!
 * Buttons helper for fancyBox
 * version: 1.0.5 (Mon, 15 Oct 2012)
 * @requires fancyBox v2.0 or later
 *
 */
;
(function($) {
    //Shortcut for fancyBox object
    var F = $.fancybox;

//Add helper object
    F.helpers.buttons = {
        defaults: {
            skipSingle: false, // disables if gallery contains single image
            position: 'top', // 'top' or 'bottom'
            tpl: '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
        },

list: null,
        buttons: null,

beforeLoad: function(opts, obj) {
            //Remove self if gallery do not have at least two items

if (opts.skipSingle && obj.group.length < 2) {
                obj.helpers.buttons = false;
                obj.closeBtn = true;

return;
            }

//Increase top margin to give space for buttons
            obj.margin[opts.position === 'bottom' ? 2 : 0] += 30;
        },

onPlayStart: function() {
            if (this.buttons) {
                this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
            }
        },

onPlayEnd: function() {
            if (this.buttons) {
                this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
            }
        },

afterShow: function(opts, obj) {
            var buttons = this.buttons;

if (!buttons) {
                this.list = $(opts.tpl).addClass(opts.position).appendTo('body');

buttons = {
                    prev: this.list.find('.btnPrev').click(F.prev),
                    next: this.list.find('.btnNext').click(F.next),
                    play: this.list.find('.btnPlay').click(F.play),
                    toggle: this.list.find('.btnToggle').click(F.toggle),
                    close: this.list.find('.btnClose').click(F.close)
                }
            }

//Prev
            if (obj.index > 0 || obj.loop) {
                buttons.prev.removeClass('btnDisabled');
            } else {
                buttons.prev.addClass('btnDisabled');
            }

//Next / Play
            if (obj.loop || obj.index < obj.group.length - 1) {
                buttons.next.removeClass('btnDisabled');
                buttons.play.removeClass('btnDisabled');

} else {
                buttons.next.addClass('btnDisabled');
                buttons.play.addClass('btnDisabled');
            }

this.buttons = buttons;

this.onUpdate(opts, obj);
        },

onUpdate: function(opts, obj) {
            var toggle;

if (!this.buttons) {
                return;
            }

toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');

//Size toggle button
            if (obj.canShrink) {
                toggle.addClass('btnToggleOn');

} else if (!obj.canExpand) {
                toggle.addClass('btnDisabled');
            }
        },

beforeClose: function() {
            if (this.list) {
                this.list.remove();
            }

this.list = null;
            this.buttons = null;
        }
    };

}(jQuery));