$(function () {
    /* waypoint ¹Ýº¹ ½ÇÇàÀ» false ½ÃÅ°´Â ¼­Å¬ */
    var isGraph1Viewed = false;

    $(window).scroll(function () {
        if (isScrolledIntoView($('.circle_item')) && isGraph1Viewed == false) {
            $('.circle_item').circliful();
            isGraph1Viewed = true;
        }
    });

    /* °øÅëÇÔ¼ö */
    function isScrolledIntoView(elem) {
        var docViewTop = $(window).scrollTop();
        var docViewBottom = docViewTop + $(window).height() - 20; //the 20 is the amount pixels from the bottom to consider the element in view
        var elemTop = $(elem).offset().top;
        var elemBottom = elemTop + $(elem).height();
        return ((elemBottom < docViewBottom) && (elemTop > docViewTop));
    }
});
/* --------------------------------------- 
 * ÇÑÆäÀÌÁö¿¡ ÇÑ°³¸¸ »ç¿ë°¡´É
 * --------------------------------------- */
    /*  ¿©·¯ ¼­Å¬ÀÌ ÀÖ°í Áߺ¹¹æÁö¿Í ¹®¼­ÁغñÈÄ ±¸ÇöµË´Ï´Ù.  */
    /*$('.circle_item02').each(function () {
        var $this = $(this);
        var isGraph1Viewed = false;
        $(document).ready(function () {
            if (isScrolledIntoView($this) && isGraph1Viewed == false) {
                $this.circliful();
                isGraph1Viewed = true;
            }
        });
        $(window).scroll(function () {
            if (isScrolledIntoView($this) && isGraph1Viewed == false) {
                $this.circliful();
                isGraph1Viewed = true;
            }
        });
    });*/