(function($) {

    "use strict";
    $.fn.travelgemportfolio = function() {
        return this.each(function(i, elem) {
            var portfoliocontainer = jquery('.portfolio-container', elem);
            portfoliocontainer.imagesloaded(function() {
                portfoliocontainer.isotope({
                    filter: '*',
                    animationoptions: {
                        duration: 750,
                        easing: 'linear',
                        queue: false
                    }
                });
            });
            jquery('.portfolio-filter a', elem).on('click', function(e) {
                e.preventdefault();
                jquery('.portfolio-filter .current', elem).removeclass('current');
                jquery(this).addclass('current');

                var selector = jquery(this).attr('data-filter');
                portfoliocontainer.isotope({
                    filter: selector,
                    animationoptions: {
                        duration: 750,
                        easing: 'linear',
                        queue: false
                    }
                });
                return false;
            });
        });
    };

    $(document).ready(function($) {
        $('.portfolio-main-wrapper').travelgemportfolio();

        $.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) ? 'body' : 'html'),
                    viewporttop = $(scrollelem).scrolltop(),
                    viewportbottom = (viewporttop + windowheight);

                $elem.each(function() {
                    var $obj = $(this);
                    // if class already exists; quit
                    if ($obj.hasclass(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)) {
                        $obj.addclass(options.classtoadd);

                        // do the callback function. callback will send the jquery object as parameter
                        options.callbackfunction($obj);
                    }
                });
            };

            // run checkelements on load and scroll.
            $(window).on('scroll', this.checkelements);
            this.checkelements();

            // on resize change the height var.
            $(window).on('resize', function(e) {
                windowheight = e.currenttarget.innerheight;
            });

        };

        // search in header.
        if ($('.search-icon').length > 0) {
            $('.search-icon').on('click', function(e) {
                e.preventdefault();
                $('.search-box-wrap').slidetoggle();
            });
        }



        // trigger mobile menu.
        $('#mobile-trigger').sidr({
            timing: 'ease-in-out',
            speed: 500,
            source: '#mob-menu',
            renaming: false,
            name: 'mob-menu'
        });

        $('#mobile-trigger-quick').sidr({
            timing: 'ease-in-out',
            side: 'right',
            speed: 500,
            source: '#mob-menu-quick',
            name: 'sidr-quick'
        });

        $('#mob-menu').find('.sub-menu,.flat-mega-memu').before('<span class="dropdown-toggle"><strong class="dropdown-icon"></strong>');

        $('#mob-menu').find('.dropdown-toggle').on('click', function(e) {
            e.preventdefault();
            $(this).next('.sub-menu,.flat-mega-memu').slidetoggle();
            $(this).toggleclass('toggle-on');
        });

        // counter up.
        $('.counter-nos').counterup({
            delay: 10,
            time: 1000
        });

        // fixed header.
        $(window).on('scroll', function() {
            if ($(window).scrolltop() > $('.sticky-enabled').offset().top && !($('.sticky-enabled').hasclass('sticky-header'))) {
                $('.sticky-enabled').addclass('sticky-header');
            } else if (0 === $(window).scrolltop()) {
                $('.sticky-enabled').removeclass('sticky-header');
            }
        });
        // slick carousel column 1.
        $(".iteam-col-1.section-carousel-enabled").slick({
            dots: true,
            infinite: true,
            slidestoshow: 1,
            slidestoscroll: 1,
            dots: false,
            prevarrow: '<span data-role="none" class="slick-prev" tabindex="0"><i class="fas fa-angle-left" aria-hidden="true"></i></span>',
            nextarrow: '<span data-role="none" class="slick-next" tabindex="0"><i class="fas fa-angle-right" aria-hidden="true"></i></span>'
        });
        // slick carousel column 2.
        $(".iteam-col-2.section-carousel-enabled").slick({
            dots: true,
            infinite: true,
            slidestoshow: 2,
            slidestoscroll: 2,
            dots: false,
            responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidestoshow: 1,
                        slidestoscroll: 1,
                        infinite: true
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidestoshow: 1,
                        slidestoscroll: 1
                    }
                }
            ],
            prevarrow: '<span data-role="none" class="slick-prev" tabindex="0"><i class="fas fa-angle-left" aria-hidden="true"></i></span>',
            nextarrow: '<span data-role="none" class="slick-next" tabindex="0"><i class="fas fa-angle-right" aria-hidden="true"></i></span>'
        });

        // slick carousel column 3.
        $(".iteam-col-3.section-carousel-enabled").slick({
            dots: true,
            infinite: true,
            slidestoshow: 3,
            slidestoscroll: 3,
            dots: false,
            responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidestoshow: 2,
                        slidestoscroll: 2,
                        infinite: true
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidestoshow: 1,
                        slidestoscroll: 1
                    }
                }
            ],
            prevarrow: '<span data-role="none" class="slick-prev" tabindex="0"><i class="fa fa-angle-left" aria-hidden="true"></i></span>',
            nextarrow: '<span data-role="none" class="slick-next" tabindex="0"><i class="fa fa-angle-right" aria-hidden="true"></i></span>'
        });

        // slick carousel column 4
        $(".iteam-col-4.section-carousel-enabled").slick({
            dots: true,
            infinite: true,
            slidestoshow: 4,
            slidestoscroll: 4,
            dots: false,
            responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidestoshow: 2,
                        slidestoscroll: 2,
                        infinite: true
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidestoshow: 1,
                        slidestoscroll: 1
                    }
                }
            ],
            prevarrow: '<span data-role="none" class="slick-prev" tabindex="0"><i class="fa fa-angle-left" aria-hidden="true"></i></span>',
            nextarrow: '<span data-role="none" class="slick-next" tabindex="0"><i class="fa fa-angle-right" aria-hidden="true"></i></span>'
        });

        // slick carousel column 5
        $(".iteam-col-5.section-carousel-enabled").slick({
            dots: true,
            infinite: true,
            slidestoshow: 5,
            slidestoscroll: 5,
            dots: false,
            responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidestoshow: 3,
                        slidestoscroll: 3,
                        infinite: true
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidestoshow: 2,
                        slidestoscroll: 2
                    }
                }
            ],
            prevarrow: '<span data-role="none" class="slick-prev" tabindex="0"><i class="fa fa-angle-left" aria-hidden="true"></i></span>',
            nextarrow: '<span data-role="none" class="slick-next" tabindex="0"><i class="fa fa-angle-right" aria-hidden="true"></i></span>'
        });

        // skil bar.
        jquery('.skillbar').each(function() {
            jquery(this).find('.skillbar-bar').animate({
                width: jquery(this).attr('data-percent')
            }, 3000);
        });

        // lighbox.
        jquery('a[data-gal]').each(function() {
            jquery(this).attr('rel', jquery(this).data('gal'));
        });
        jquery("a[data-gal^='prettyphoto']").prettyphoto({
            animationspeed: 'slow',
            slideshow: false,
            overlay_gallery: false,
            theme: 'light_square',
            social_tools: false,
            deeplinking: false
        });


        // implement go to top.
        var $scroll_obj = $('#btn-scrollup');
        $(window).on('scroll', function() {
            if ($(this).scrolltop() > 100) {
                $scroll_obj.fadein();
            } else {
                $scroll_obj.fadeout();
            }
        });

        $scroll_obj.on('click', function() {
            $('html, body').animate({
                scrolltop: 0
            }, 600);
            return false;
        });


        $("#fakeloader").fakeloader({
            timetohide: 1500, //time in milliseconds for fakeloader disappear
            zindex: "99999", //default zindex
            spinner: "spinner6", //options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'
            bgcolor: "#25d6a2", //hex, rgb or rgba colors
        });

        $('a[href*="#demosz"]:not([href=""])').on('click', function() {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html, body').animate({
                        scrolltop: target.offset().top - 0
                    }, 1000);
                    return false;
                }
            }
        });
       // faq accordion.
		$('.faq-accordion').accordionjs(); {

		}
    });

})(jquery);