
(function($) {
    $(document).ready(function() {
        $.jScrollability([
            {
                'selector': '.by_effect1',
                'start': 'self',
                'end': 'parent',
                'fn': {
                    'right': {
                        'start': -70,
                        'end': 0,
                        'unit': 'px'
                    }
                }
            },
            {
                'selector': '.by_effect2',
                'start': 'self',
                'end': 'parent',
                'fn': {
                    'left': {
                        'start': -70,
                        'end': 0,
                        'unit': 'px'
                    }
                }
            },
            {
                'selector': '.by_effect3',
                'start': 'self',
                'end': 'parent',
                'fn': {
                    'right': {
                        'start': -90,
                        'end': 0,
                        'unit': 'px'
                    }
                }
            },
            {
                'selector': '.by_effect4',
                'start': 'self',
                'end': 'parent',
                'fn': {
                    'left': {
                        'start': -90,
                        'end': 0,
                        'unit': 'px'
                    }
                }
            },
            {
                'selector': '.by_effect5',
                'start': 'self',
                'end': 'parent',
                'fn': {
                    'right': {
                        'start': -110,
                        'end': 0,
                        'unit': 'px'
                    }
                }
            },
            {
                'selector': '.by_effect6',
                'start': 'self',
                'end': 'parent',
                'fn': {
                    'left': {
                        'start': -110,
                        'end': 0,
                        'unit': 'px'
                    }
                }
            }                                                            
            // {
            //     'selector': '.reveal-demo',
            //     'start': 'parent',
            //     'end': 'parent',
            //     'fn': {
            //         'top': {
            //             'start': 100,
            //             'end': 20,
            //             'unit': '%'
            //         }
            //     }
            // },
            // {
            //     'selector': '.text-wrapper',
            //     'start': function($el) { return $el.offset().top + $el.height() },
            //     'end': 'parent',
            //     'fn': function($el,pcnt) {
            //         var $spans = $el.find('span');
            //         var point = Math.floor(($spans.length+1) * pcnt);
            //         $spans.each(function(i,el) {
            //             var $span = $(el);
            //             if (i < point) {
            //                 $span.addClass('visible');
            //             } else {
            //                 $span.removeClass('visible');
            //             }
            //         });
            //     }
            // }
        ]);
    });
})(jQuery);