var CommentWindow = Class.create();
CommentWindow.instance = {};
CommentWindow.prototype = {
    initialize: function(seq,category){
        this.seq = seq;
        this.id = CommentWindow_initialValue[seq].entryid;
        this.parentObj = $('commentwindow-' + seq);
        if(category){
            this.category = category;
        }else{
            this.category = '';
        }
        this.element = document.createElement('div');

        //DOM組み立て
        var html = '<div class="comment_waku"> '
                 + '  <form action="' + gBASE_URL + 'comment" method="post">'
                 + '    <input type="hidden" name="action_comment" value="1" >'
                 + '    <input type="hidden" name="submit" value="submit" >'
                 + '    <input type="hidden" name="url" value="' + CommentWindow_initialValue[seq].entryurl+ '" >'
                 + '    <input type="hidden" name="c" value="' + this.category + '" >'
                 + '    <div class="comment_back"> '
                 + '      <table width="100%" border="0" cellspacing="0" cellpadding="0">'
                 + '        <tr height="20" valign="bottom"> '
                 + '          <td width="15"><img src="/common/images/spacer.gif" width="15" height="1" alt=""></td>'
                 + '          <td align="left" class="main-txt">コメント</td>'
                 + '          <td align="right"><span id="commentwindow-clickclose-' + this.seq + '"><a href="javascript:void(0);" class="medium"><img src="/common/images/icn/icn_close.gif" width="13" height="13" align="absmiddle" border="0">&nbsp;閉じる</a></span></td>'
                 + '          <td width="15"><img src="/common/images/spacer.gif" width="15" height="1" alt=""></td>'
                 + '        </tr>'
                 + '      </table>'
                 + '    </div>'
                 + '    &nbsp;&nbsp;このニュースは？'
                 + '    <table width="100%" border="0" cellspacing="0" cellpadding="0">'
                 + '      <tr>'
                 + '        <td  valign="middle" align="left" nowrap>'
                 + '          &nbsp;&nbsp;<input id="commentwindow-thumbup-' + this.seq + '" type="radio" value="1" name="thumb" checked ><label for="commentwindow-thumbup-' + this.seq + '">&nbsp;<img src="/common/images/icn/icn_circle.gif" alt="支持する" width="20" height="18" align="absmiddle"></label>&nbsp;&nbsp;'
                 + '          <input id="commentwindow-thumbdown-' + this.seq + '" type="radio" value="0" name="thumb" ><label for="commentwindow-thumbdown-' + this.seq + '">&nbsp;<img src="/common/images/icn/icn_cross.gif" alt="支持しない" width="20" height="18" align="absmiddle"></label>'
                 + '        </td>'
                 + '        <td align="right">'
                 + '        </td>'
                 + '      </tr>'
                 + '      <tr> '
                 + '        <td colspan="2">'
                 + '          <textarea name="comment" class="comment_area" id="commentwindow-textarea-' + this.seq + '" wrap="soft">' + CommentWindow_initialValue[seq].comment + '</textarea><br>'
                 + '          <span style="font-size:90%;">&nbsp;&nbsp;&nbsp;&nbsp;全角400字以内で入力してください。<span id="commentcount-' + this.seq + '"></span></span>'
                 + '        </td>'
                 + '      </tr>'
                 + '    </table>'
                 + '    <table border="0" cellspacing="0" cellpadding="0" style="font-size:85%">'
                 + '      <tr>'
                 + '        <td>&nbsp;&nbsp;&nbsp;</td>'
                 + '        <td>';
/*
        //タグ入力UI
        this.tagInputUI = new TagInputInterface(this.seq, ('commentwindow-tag-' + this.seq));
        html += this.tagInputUI.getHtmlInsert();
*/
        html += '        </td>'
             +  '      </tr>'
             +  '    </table>'
             +  '    <table border="0" cellspacing="0" cellpadding="0">'
             +  '      <tr valign="middle">'
             +  '        <td>&nbsp;&nbsp;タグ:&nbsp;</td>'
             +  '        <td><input type="text" maxlength="50" value="' + CommentWindow_initialValue[seq].tag + '" name="tag" class="comment_tag" style="width:300px;" id="commentwindow-tag-' + this.seq + '"></td>'
             +  '      </tr>'
             +  '      <tr valign="middle">'
             +  '        <td>&nbsp;</td>'
             +  '        <td>&nbsp;<span style="font-size:80%;"><span id="alertMaxItemsOver">カテゴリーは2個まで、タグは合計5個まで（空白区切り）</span><br /> （<a href="' + gBASE_URL + 'help/pickup#pickup05" target="_blank">タグとは？</a>）</span></td>'
             +  '      </tr>'
             +  '    </table>'
             +  '    <table width="100%" border="0" cellspacing="0" cellpadding="0">'
             +  '      <tr> '
             +  '        <td align="right" valign="middle">'
             +  '          <input type="hidden" name="fromcommentwindow" value="true">'
             +  '          <input value="" type="image" name="submit" src="/common/images/bt_go.gif" width="41" height="22" alt="送信" align="absmiddle" id="commentwindow-form-' + this.seq + '">'
             +  '        &nbsp;&nbsp;</td>'
             +  '      </tr>'
             +  '    </table>'
             +  '  </form>'
             +  '</div>';
        this.element.innerHTML = html;

        this.parentObj.appendChild(this.element);

        this.closeButton = document.getElementById('commentwindow-clickclose-' + this.seq);
        this.commentArea = document.getElementById('commentwindow-textarea-' + this.seq);

//        this.tagInputUI.setEvent();
//        this.tagInputUI.refreshTagList();

        this.slideHeight = this.element.offsetHeight; //この行は「一瞬表示させた状態」で取得する

        var s = this.element.style;
        s.visibility = 'visible';
        s.display = 'none';
        s.overflow = 'hidden';
        s.height = '1px';

        Event.observe(this.closeButton,  'click', this.slideClose.bindAsEventListener(this), false);
        Event.observe(this.commentArea,  'keyup', this.setCommentCount.bindAsEventListener(this), false);

        this.setGoodBadButton(CommentWindow_initialValue[this.seq].vote);
        this.slideOpen();
    },
    slideOpen: function(){
        var objTextArea = $('commentwindow-textarea-' + this.seq);
        var objSubmitButton = $('commentwindow-form-' + this.seq);

        this.element.style.display = 'block';
        new Rico.Effect.Size( this.element, null, this.slideHeight, 120, 8, {complete: function(){objSubmitButton.focus();objTextArea.focus();}});
    },
    slideClose: function(){
        var myObj = this.element;
        myObj.style.overflow = "hidden";
        new Rico.Effect.Size( myObj, null, 1, 120, 8, {complete: function(){myObj.style.display = 'none';}});
    },
    setCommentCount: function(){
        var cnt = jstrlen(this.commentArea.value);
        $('commentcount-' + this.seq).innerHTML = '（現在 ' + cnt + ' 文字）';

    },
    setGoodBadButton: function(buttonName){
        if(buttonName == 'good'){
            $('commentwindow-thumbup-' + this.seq).checked = true;
        }
        else if(buttonName == 'bad'){
            $('commentwindow-thumbdown-' + this.seq).checked = true;
        }
    }
}

function OpenBunner(){

$('entry_tpl_bunner').style.display = "block";
$('entry_tpl_bunner').style.height = "1px";
new Rico.Effect.Size( $('entry_tpl_bunner'), null, 150, 800, 15, {complate: function(){}});

}