// Uses functions from the lightbox-class by Lokesh Dhakar - http://www.huddletogether.com

function openLogin()
{
    // stretch overlay to fill page and fade in
    var arrayPageSize = getPageSize();
    Element.setHeight('overlay', arrayPageSize[1]);
    new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });
    
    // display the LoginBox
    var arrayPageScroll = getPageScroll();
    var loginboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 5);

    Element.setTop('loginbox', loginboxTop);
    Element.show('loginbox');
    document.login.login_username.focus();
}

function closeLogin()
{
    // fade out
    Element.hide('loginbox');
    new Effect.Fade('overlay', { duration: 0.2});
}