/*  */

var UserStatus = {
    formTemplate: '',
    userTemplate: '',
    user: '',
    show: function (id) {
        var field = document.getElementById(id);
        if ( ! field ) { return; }

        var parts;
        if ( this.user ) {
            parts = this.userTemplate;
            parts = parts.replace(/__user.nickname__/mg, this.user.nickname);
            parts = parts.replace(/__user.types.name__/mg, this.user.types.name);
            parts = parts.replace(/__user.types.type__/mg, this.user.types.type);
        }
        else {
            parts = this.formTemplate;
        }
        parts = parts.replace(/__redirect__/mg, location.href);
        parts = parts.replace(/__baseurl__/mg, this.baseurl);
        parts = parts.replace(/__protocol__/mg, document.location.protocol);

        field.innerHTML = parts;
    }
}

var replaceUserField = function () {
    /* 未ログイン時のテンプレート */
    UserStatus.formTemplate
        = '<form action="__baseurl__login" method="post">'
        + '<input type="hidden" name="redirect" value="__redirect__" />'
        + '<input type="hidden" name="protocol" value="__protocol__" />'
        + '    <table border="0" cellspacing="0" cellpadding="0" summary="ログイン">'
        + '        <tr>'
        + '            <td><img src="/images/common/bg_login_id.gif" alt="ID:e-mail" /></td>'
        + '            <td><img src="/images/common/spacer.gif" alt="" width="3" /></td>'
        + '            <td><img src="/images/common/bg_login_pass.gif" alt="password" /></td>'
        + '            <td><img src="/images/common/bg_auto.gif" alt="auto" /></td>'
        + '            <td><img src="/images/common/spacer.gif" alt="" height="8" /></td>'
        + '        </tr>'
        + '        <tr>'
        + '            <td class="loginID"><input name="username" type="text" /></td>'
        + '            <td><img src="/images/common/spacer.gif" alt="" width="3" /></td>'
        + '            <td class="loginPass"><input name="password" type="password" /></td>'
        + '            <td class="remember"><input name="auto" type="checkbox" value="オートログイン" /></td>'
        + '            <td><input name="Submit" type="image" value="ログイン" src="/images/common/btn_login.gif" alt="ログイン" /></td>'
        + '        </tr>'
        + '    </table>'
        + '</form>';

    /* ログイン済のテンプレート */
    /* __user.nickname__  : ニックネーム */
    /* __user.type.name__ : 会員種別 */
    UserStatus.userTemplate
        = '<div class="member">'
        + '  <div class="Fleft">'
        + '      <span class="userName__user.types.type__">__user.nickname__<span class="sama">さま</span></span>'
        + '  </div>'
        + '  <ul>'
        + '    <li class="logout">'
        + '      <form action="__baseurl__logout" method="post">'
        + '        <input type="image" alt="ログアウト" src="/images/common/btn_logout.gif" value="ログアウト" name="logout" /></p>'
        + '        <input type="hidden" name="protocol" value="__protocol__" />'
        + '        <input type="hidden" name="redirect" value="__redirect__" />'
        + '      </form>'
        + '    </li>'
        + '    <li class="mypage"><a href="__baseurl__mypage"><img src="/images/common/btn_mypage.gif" alt="MY PAGE" width="66" height="17" /></a></li>'
        + '  </ul>'
        + '  <hr class="hide" /><div class="clear"><img src="/images/common/spacer.gif" alt="" width="1" height="1" /></div>'
        + '</div>';

    UserStatus.user    = user;
    UserStatus.baseurl = baseurl;
    UserStatus.show('login');
}

if (window.addEventListener) {
    window.addEventListener('load', replaceUserField, false);
}
else {
    window.attachEvent('onload', replaceUserField);
}