var site = {
    init: function() {
        var nav_items = $$('#nav li');
        var t_start = 0;
        nav_items.each(function(item, i) {
                item.setStyle('opacity', '0');
                item.setStyle('left', '-10px');
            });
    },

    run: function() {
        var nav_items = $$('#nav li');
        var t_start = 150;
        nav_items.each(function(item, i) {
                var a = item.getFirst();

                var setup = function() {
                    var anim = new Fx.Styles(a, {duration: 200, wait: false});
                    a.addEvent('mouseover', function() { anim.start({'color': '127'});} );
                    a.addEvent('mouseout', function() { anim.start({'color': '57b'});} );
                };

                var init = new Fx.Styles(item, {duration: 800, wait: false, onComplete: setup, transition: Fx.Transitions.cubicInOut});

                (function() { init.start({'left': '0px', 'opacity': '1.0'}); }).delay(t_start);
                t_start += 150;
            });
    }
};

window.addEvent('domready', site.init);
window.addEvent('load', site.run);