$(document).ready( function() 
{
    menu         = $('.bottomMenu');
    hidden       = $('.bottomMenuJs');
    screenHeight = $(window).height() + $(window).scrollTop();

    hidden.html(menu.html());
    hidden.css( 'top', screenHeight );
    
    showMenu();
});

$(document).scroll( function()
{
    screenHeight = $(window).height() + $(window).scrollTop();
});

function showMenu()
{
    if ( hidden.css('display') == 'none' )
    {
        hidden.show();
        hidden.animate({ top: ( screenHeight - hidden.height() ) + 'px' },
                        2000, "swing",
                        function()
                        {
                           hidden.animate({ top: screenHeight + 'px' },
                                            500, "linear",
                                            function() { hidden.hide(); }
                                         );
                        }
                      );
    }
}

