$('document').ready(
    function() {
        
        /** MENU ANIMIATION BEGINING */    
        
        var basic_menu_offset = $('#menu').offset().left;
        var active_position = $('#menu ul li.active').offset().left - basic_menu_offset;

        /*alert(''+basic_offset+'');
        alert(''+offset.left+'');*/
        
        $('#slider').css({
            'left' : active_position
        })
        
        $('#menu ul li').mouseenter(
            function() {
                $('#slider').animate({
                    'left' : $(this).offset().left - basic_menu_offset
                }, {
                    'easing' : 'easeOutBack',
                    'queue'  : false
                })
            }
        );
        
        $('#menu').mouseleave(
           function() {
               $('#slider').animate({
                   'left' : active_position
               }); 
           }
        );
        
        /** END OF MENU ANIMATION **/
          
    }
);