window.addEvent('domready', function () {
    var list = $$('#navi ul li a');
    //select ul li a for line transformation
    list.each(function (element) {
        
        var fx = new Fx.Styles(element, {
            duration: 400, wait: false
        });
        
        element.addEvent('mouseenter', function () {
            fx.start({
                'padding-bottom': 0,
                //'margin-top': -5
            });
        });
        
        element.addEvent('mouseleave', function () {
            fx.start({
                'padding-bottom': 5,
              //'margin-top': 0
            });
        });
    });
});