$(document).ready(function () {
    "use strict";
    var $s2 = $("#Section02");
    $s2.waypoint(function(direction) {
        if (direction === 'down') {
        $(".progress_skillbar02 .skills").addClass("current");
            $(".progress_skillbar02 .skills .skill .skill-bar02 > span").each(function () {
                $(this).animate({
                    "width": $(this).parent().attr("data-bar") + "%"
                }, 3000);
                //$(this).append('<b>' + $(this).parent().attr("data-bar") + '%</b>');
            });
            /*setTimeout(function () {
                $(".progress_skillbar02 .skills .skill .skill-bar02 span b").animate({
                    "opacity": "1"
                }, 1000);
            }, 3000);*/
        } else {
            $(".progress_skillbar02 .skills").removeClass("current");
            
        }
    }, { offset: '100px'});
    
    
    



});
/* --------------------------------------- */