$(function () { 
	var $index=$('.topic-index');
	$index.empty();
	$('.topic-title').each(function(){
		var $topic=$('<li>').addClass('index-topic-title').appendTo($index);
		$('<a href="#'+$(this).attr('id')+'">').text($(this).attr('id').toLowerCase()).appendTo($topic);

	});
  
$('.wrapper').on('scroll', function() {
        	$('.topic-title').each(function() {
        		if($(this).isOnTopScreen()){
        			var elemId = $(this).attr('id');
        			$("a.topic-active").removeClass('topic-active');
        			$("a[href='#" + elemId + "']").addClass('topic-active');
        		}

        	});
});
});

  
  
	$.fn.isOnTopScreen = function() {
		var elementTop = $(this).offset().top;
		var elementBottom = elementTop + $(this).outerHeight();

		var viewportTop = $(window).scrollTop();
		var viewportBottom = viewportTop + $(window).height();

		return elementTop < viewportBottom;
	};
	$.fn.isOnBottomScreen = function() {
		var elementTop = $(this).offset().top;
		var elementBottom = elementTop + $(this).outerHeight();

		var viewportTop = $(window).scrollTop();
		var viewportBottom = viewportTop + $(window).height();

		return elementBottom > viewportTop;
	};


	/*function initScroll() {
        // on scroll animation
        $('.wrapper').off('scroll');
        $('.wrapper').on('scroll', function() {
        	$('.topic-title').each(function() {
        		if($(this).isOnTopScreen()){
        			var elemId = $(this).attr('id');
        			$("a.topic-active").removeClass('topic-active');
        			$("a[href='#" + elemId + "']").addClass('topic-active');
        		}

        	});

        	$('.to-animate').each(function() {
        		if($(this).isOnTopScreen() ){
        			$(this).addClass('animate-in');
        		}
        	});

        	$('.comment-wrapper').each(function(){
      	if($(this).isOnTopScreen()) {
    	$(this).animate({
    		marginLeft: '0'
    	}, 750);
        };
    });

        });

    };

    $('.topic-title').each(function() {       
    	if($(this).isOnTopScreen()) {
    		var elemId = $(this).attr('id');
    		$("a.topic-active").removeClass('topic-active');
    		$("a[href='#" + elemId + "']").addClass('topic-active');
    	}
    });
    $('.to-animate').each(function() {

    	if($(this).isOnTopScreen()) {
    		$(this).addClass('animate-in');
    	}
    });
    $('.comment-wrapper').each(function(){
      	if($(this).isOnTopScreen()) {
    	$(this).animate({
    		marginLeft: '0'
    	},750);
        };
    });


    





//initScroll();*/

/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:sticky-menu] [12.368] DESIGN*/
/*******************************************************************/
/* 0.11 D>D */
/* db 148 */