$(function($){
    var config = {
        w: 0,
        h: 0,
        render: function (v, el, animateOffset, fn, callback, elseback) {
            var renderI = 0,
                el = typeof(el) == "object" ? el : $(el),
                animateOffset = (animateOffset<=1 && animateOffset>=0) ? animateOffset : 0.2,
                renderInit, d;
            if (v > el.offset().top - config.h) {
                renderInit = v - (el.offset().top - config.h - 85);
                (renderInit / (el.height() + config.h * animateOffset) >= 1) ? renderI = 1 : renderI = renderInit / (el.height() +
                    config.h * animateOffset);
                //running\
                if (fn !== undefined) {
                    fn(renderI, el);
                }
         
                if (renderI == 1) {
                    el.addClass('inview');
                    if (callback !== undefined) {
                        callback();
                    }
                } else {
                    el.removeClass('inview');
                    if (elseback !== undefined) {
                        elseback();
                    }
                }
         
            }
        }
    },
    init = function() {
        config.h = $(window).height();
        config.w = $(window).width();
        $('html,body').stop().animate({scrollTop:0},600);

        var render = function(t) {
            $("#content .mainContent")
              .find(".conWrap")
              .each(function() {
                config.render(t, $(this), 0);
              });


        }

        $(document).ready(function () {
            var t = $(document).scrollTop();
            render(t);

        });

    }

    $(window).load(init).resize(init);

});