Event.observe(window, 'load', function () {
    var anchors = $A(document.getElementsByTagName('a'))
    
    anchors.each(function (anchor) {
        var i = anchor.href.indexOf('#')
        if (i > -1) {
            Event.observe(anchor, 'click', function (e) {
                new Effect.ScrollTo(anchor.href.substr(i + 1),
                                    {offset: -24})
                Event.stop(e)
            }, false)
        }
    })
}, false)