var page = {
    init: function() {
        $('a').click(function() {
            this.blur();
        });

//        var vAutoScrollDist = 270;
        $('.autoscroll').each(function() {
            var vMoveable = $('<div style="width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;"></div>'),
                vWrapper = vMoveable.clone();
            var vTop = $(this).position().top;
            vMoveable.css('position', 'absolute');
            vMoveable.css('top', vTop);
            vWrapper.css('margin', $(this).css('margin'));
            $(this).wrap(vWrapper);
            $(this).wrap(vMoveable);
            vMoveable = $(this).parent();
            var fScrollNow = function(){
                var vAutoScrollDist = $(window).height() / 2 - vMoveable.height() / 2;
                var vScrollTop = $('html').scrollTop();
                vMoveable.stop();
                var vNewTop = vScrollTop > vTop - vAutoScrollDist ? vScrollTop + vAutoScrollDist : vTop;
                vMoveable.animate({top: vNewTop}, 500);
            };
            $(window).scroll(fScrollNow);
            fScrollNow();
        });
    }
};

$(document).ready(function() { page.init(); });