(function($) {

    $(function() {
    
        $('dl', '#navigation').bind('mouseover', function() {
        

        
            var dd = $('dd', this),
                n = $('#navigation').find('dl').length,
                x = dd.find('li').length,
                c = $(this).index(),
                decalage = x - (n - c);
                
            decalage = decalage < 0 ? 0 : decalage;

            c = c - decalage;
            
            var pos = $('dl:eq('+c+')', '#navigation').position();


            
            $(dd).find('ul').css({
                position:'relative',
                left:(pos.left)+'px'
            });

            $(dd).show();

        });

        $('dl', '#navigation').bind('mouseleave', function() {
            $('dd', '#navigation').hide();
        });
        
    });

})(jQuery)