document.observe('dom:loaded', function() {
    move_menu();
    
    if ($("main"))
    {
        if ($("main").hasClassName("no-fade"))
        {
            $("main").show();
            Effect.Appear($("menu"), {duration: 0.5});
        }
        else
        {
            Effect.Appear($("main"),
                          { duration: 1.0,
                            beforeFinish: function() {
                                Effect.Appear($("menu"), {duration: 0.5});
                            }
                          });
        }
    }
});

function move_menu()
{
    var viewport = document.viewport.getDimensions();
    if ($("main").getHeight() <  viewport.height)
    {
        $("menu").style.top = ((viewport.height/2) - 60) + "px";
    }
    else
    {
        $("menu").style.top = ($("main").getHeight()) + "px";
    }
}

window.onresize = move_menu;