var intLoginBox
var lowering = false;

function showLogin() {
    window.setTimeout('doShowLogin()', 100);
}

function doShowLogin() {
    var divRef = document.getElementById('loginBox');
    divRef.style.height = '128px';
    divRef.style.display = 'block';
    divRef = document.getElementById('loginBoxContent');
    divRef.style.display = 'block';
}

function pxToInt(x) {
    var h = Math.abs(x.substr(0, x.length - 2));
    return h
}
function lowerLogin() {
    window.clearInterval(intLoginBox);
    var divRef = document.getElementById('loginBox');
    var h = pxToInt(divRef.style.height);
    if (h >= 120) {
        lowering = false;
        divRef.style.height = "128px";
        divRef = document.getElementById('loginBoxContent');
        divRef.style.display = 'block';
        return;
    }
    lowering = true;
    divRef.style.display = 'block';
    h += 20;
    divRef.style.height = h + 'px';
    intLoginBox = window.setInterval('lowerLogin()', 30);
}
function closeLogin() {
    if (lowering) return;
    var divRef = document.getElementById('loginBox');
    divRef.style.display = 'none';
    divRef.style.height = '1px';
    divRef = document.getElementById('loginBoxContent');
    divRef.style.display = 'none';
}