;(function ($, window, document, undefined) {
    'use strict';

    $(window).on('scroll', function () {
        // linear style
        if ($('.skills').length) {
            $('.skills .skill').not('.active').each(function () {
                if ($(window).scrollTop() >= $(this).offset().top - $(window).height() * 1 && !$(this).closest('.js-split-slider').length) {
                    $(this).addClass('active');
                    $(this).each(function () {
                        var procent = $(this).attr('data-value');
                        $(this).find('.active-line').css('width', procent + '%').css('opacity', '1');
                        $(this).find('.counter').countTo();
                    }); // end each
                } // end if
            }); // end each
        }

        // numerical style
        if ( $('.skill-wrapper.numerical').length ) {
            $('.skill-wrapper.numerical').not('.active').each(function () {
                if ($(window).scrollTop() >= $(this).offset().top - $(window).height() * 1) {
                    $(this).addClass('active');
                    $(this).find('.skill').each(function () {
                        var procent = $(this).attr('data-value');
                        $(this).find('.active-line').css('width', procent);
                        $(this).find('.skill-value').countTo();
                    });
                } // end if
            }); // end each
        } // end else if

        if ( $('.skill-wrapper.circle').length ) {
            $('.skill-wrapper.circle').not('.active').each(function () {
                if ($(window).scrollTop() >= $(this).offset().top - $(window).height() * 1) {
                    $(this).addClass('active');
                    $(this).find('.skill').each(function () {
                        var procent = $(this).attr('data-value');
                        var circle = $(this).find('svg #bar');
                        var r = circle.attr('r');
                        var c = Math.PI*(r*2);
                        if ( procent < 0 ) {
                            procent = 0;
                        }
                        if ( procent > 100 ) {
                            procent = 100;
                        }
                        var pct = ((100 - procent) / 100)*c;
                        circle.css({strokeDashoffset: pct});
                    });
                }
            });
        }
    });

})(jQuery, window, document);