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

function openPaper()
{
    // 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 paperboxTop = arrayPageScroll[1] + 10;

    Element.setTop('paperbox', paperboxTop);
    Element.show('paperbox');
    
    var isW3C = false;
    var isIE = false;
    if (document.addEventListener) isW3C = true;
    else if (window.event) isIE = true;
    if (isW3C)
    {
        document.body.addEventListener("mousedown", closePaper, true);
        document.body.addEventListener("keydown", closePaper, true);
    }
    else
    {
        document.body.attachEvent("onmousedown", closePaper);
        document.body.attachEvent("onkeydown", closePaper);
    }
}

function closePaper(event)
{
    event = event || window.event;
    if (event.keyCode == 27 || event.keyCode == "" || event.which == 27 || event.which == 1)
    {
        // fade out
        Element.hide('paperbox');
        new Effect.Fade('overlay', { duration: 0.2});
    
        var isW3C = false;
        var isIE = false;
        if (document.addEventListener) isW3C = true;
        else if (window.event) isIE = true;
        if (isW3C)
        {
            document.body.removeEventListener("mousedown", closePaper, true);
            document.body.removeEventListener("onkeydown", closePaper, true);
        }
        else
        {
            document.body.detachEvent("onmousedown", closePaper);
            document.body.detachEvent("onkeydown", closePaper);
        }
    }
}