window.addEvent('domready', 
    function()
    {
        new Asset.image(site_url+'assets/images/nav-bg-highlight.gif');
        
        // .tween('height', [0, 25]);
        $('nav').set('morph', {duration: 1500, transition: 'bounce:out'});
        $('nav').morph({height: 25});
        
        
        $('nav').getElements('li').addEvent('mouseover', 
            function(event) 
            {
                var m = $(event.target);
                if (m.match('a'))
                {
                    m = m.getParent('li');
                }
                
                var fx = new Fx.Tween(m,{
                        duration: 1,
                        onComplete: function(){ 
                                m.setStyle('background-image','url('+site_url+'assets/images/nav-bg-highlight.gif)');
                                m.fade('in');
                        }
                    });
                    fx.start('opacity',1,.5);
                
            }
        );
        
        $('nav').getElements('li').addEvent('mouseout', 
            function(event) 
            {
                var m = $(event.target);
                
                if (m.match('a'))
                {
                    m = m.getParent('li');
                }
                
                var fx = new Fx.Tween(m,{
                        duration: 1,
                        onComplete: function(){ 
                                m.setStyle('background-image','none');
                                m.fade('in');
                        }
                    });
                    fx.start('opacity',1,.5);
            }
        );
        
    }
);