$(window).on("load", function () {
    $(".loader .inner").fadeOut(750, function() {
        $(".loader").fadeOut(250);
    });

    $(".items").isotope({
        filter:'*',
        animationOptions: {
            duration: 1500,
            easing: 'linear',
            queue: false
        }
    });
});

$(document).ready(function() {
    $('#slides').superslides({
        animation:'fade',
        play: 2000,
        pagination: true,
    });

    var types = new Typed(".typed", {
        strings: ["SOFTWARE ENGINEER", "C++ DEVELOPER", "WEB DEVELOPER"],
        typeSpeed: 70,
        loop: true,
        startDelay: 1000,
        showCursor: false
    });

    $('.owl-carousel').owlCarousel({
        loop:true,
        items:4,
        pagination: true,
        navigation: true,
        responsive:{
            0:{
                items:1
            },
            480:{
                items:2
            },
            768:{
                items:3
            }
            ,
            938:{
                items:4
            }
        }
    });

    var skillsTopOffset = $(".skillsSection").offset().top;
    $(window).scroll(function () {
        if (window.pageYOffset > skillsTopOffset- $(window).height()+200) {
            $('.chart').easyPieChart({
                easing:'easeInOut',
                barColor:'#fff',
                trackColor: false,
                scaleColor: false,
                lineWidth: 4,
                size: 152,
                onStep: function(from, to, percent) {
                    $(this.el).find('.percent').text(Math.round(percent));
                }          
            });
        }
    });

    $("[data-fancybox]").fancybox();

    $("#filters a").click(function() {
        $("#filters .current").removeClass("current");
        $(this).addClass("current");

        var selector = $(this).attr("data-filter");

        $(".items").isotope({
            filter: selector,
            animationOptions: {
                duration: 1500,
                easing: 'linear',
                queue: false
            }
        });
        return false;
    })


    $("#navigation li a").click( function(e) {
        e.preventDefault();

        var targetElement = $(this).attr("href");
        var targetPosition = $(targetElement).offset().top;
        $("html, body").animate({ opacity: "0.8" });
        $("html, body").animate({ scrollTop: targetPosition - 50 }, "slow");
        $("html, body").animate({ opacity: "1" });
    });

    const nav = $("#navigation");
    const navTop = nav.offset().top;

    $(window).on("scroll", stickyNavigation);

    function stickyNavigation() {
        var body = $("body");

        if ($(window).scrollTop() >= navTop) {
            body.css("padding-top", nav.outerHeight() + "px");
            body.addClass("fixedNav");
        }
        else {
            body.css("padding-top", 0);
            body.removeClass("fixedNav");
        }
    }

});