// JavaScript Document
function changePasswordBox() {
    restoreAfterError();
    document.getElementById('password_div1').style.display = 'none';

    document.getElementById('password_div2').style.display = 'block';
    var pass_box = document.getElementById('password_box');
    pass_box.style.width = '180px';
    pass_box.focus();
}
function restorePasswordBox() {
    var pass_box = document.getElementById('password_box');
    if (pass_box.value == '') {
        document.getElementById('password_div1').style.display = '';
        document.getElementById('password_div2').style.display = 'none';
    }
    else {
        pass_box.style.width = '140px';
    }
}
function widePasswordBox() {
    document.getElementById('password_box').style.width = '180px';
}

function changeLoginBox() {
    restoreAfterError();
    var login_box = document.getElementById('login_box');
    if (login_box.value == 'email') {
        login_box.value = '';
    }
    login_box.style.width = '180px';
    login_box.style.fontWeight = 'normal';
    login_box.style.color = '#303030';

}
function restoreLoginBox() {
    var login_box = document.getElementById('login_box');
    login_box.style.width = '140px';
    if (login_box.value == '') {
        login_box.value = 'email';
        login_box.style.fontWeight = 'bold';
        login_box.style.color = '#a9adbc';
    }
}

function restoreAfterError() {
    if (document.getElementById('login_box').className == 'login-error') {
        document.getElementById('login_box').className = '';
        document.getElementById('login_box').value = 'email';
        document.getElementById('password_text_box').className = '';
        document.getElementById('password_text_box').value = 'password';
        document.getElementById('password_box').value = '';
    }
}