Event.observe(window, "load", init, false);

// 認証状態
function init () {
    $('loginForm').innerHTML = 'Loading...';

    var param = 'action=login_check';
    new Ajax.Request (
            '/?',
            {
                method:     'get',
                parameters: param,
                onComplete: showLoginArea
            }
        );
}

function showLoginArea (o, json) {
    var loginCommentClass = 'error';
    if (!json.message) {
        json.message = '質問や回答には会員登録＆ログインが必要です';
        loginCommentClass = 'message';
    }
    if (json.auth == '1') {
        var s = '<table id="login">'
            + '<tr>'
            + '<td>'+ json.handle +'様：ログイン済みです　　<a href="/?action=userinfo_index">会員専用ページへ</a></td>'
            + '<td><a href="/?action=logout"><img src="/images/logout_button.gif" value="ログアウト" /></a></td>'
            + '<td class="regBanner"><a href="/?action=regist_form"><img src="/images/regist_banner2.gif" width="150" height="56"></a></td>'
            + '</tr>'
            + '</table>';
        $('loginForm').innerHTML = s;
    }

    if (!json.auth){
        var s = '<table id="noLogin">'
            + '<tr>'
            + '<td>ユーザーID</td>'
            + '<td><input type="text" name="acount" class="w120" id="acount"></td>'
            + '<td>パスワード</td>'
            + '<td><input type="password" name="auth_password" class="w120" id="password"></td>'
            + '<td><input type="image" src="/images/login_button.gif" value="ログイン" id="login_btn" /></td>'
            + '<td rowspan="2" class="regBanner"><a href="/?action=regist_form"><img src="/images/regist_banner2.gif"></a></td>'
            + '</tr>'
            + '<tr> '
            + '<td colspan="5" class="errorPass"><span class="'+ loginCommentClass + '">'+ json.message + '</span>　パスワードの再発行は<a href="/?action=password_form">こちら</a></td>'
            + '</table>';

        $('loginForm').innerHTML = s;

        Event.observe("login_btn", "click", doLogin, false);
    }
}

function doLogin(){
    var acount = $F('acount');
    var password = $F('password');
    var param = 'action=login_submit&acount=' + acount + '&password=' + password;

    $('loginForm').innerHTML = '認証中です...';

    new Ajax.Request (
            '/?',
            {
                method:   'post',
                postBody: param,
                onComplete: showLoginArea
            }
        );
}