<html>
<head>
<title>Botan JS - Test</title>
<script>
var debugEnv = true;
var _AstConf_ = {
	"UserInfo": {
		"name": "Penguin"
		, "website": "http://test.astropenguin.net"
		, "avatar": "http://a.b/c.jpg"
	}
};
</script>

<link href="/ocss/Astro.Blog.Components.ToggleButton.CommentToggle/Astro.Blog.Components.Comment" rel="stylesheet" type="text/css" />
<script src="/ojs/Astro.Blog.Components.ToggleButton.CommentToggle/Astro.Blog.Components.Comment"></script>
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
<body onload="BotanJS.import('Astro.Bootstrap').init();">
<div style="width: 800px">
    <div class="c_title">
        <span class="c_bsign">Comments</span>
        <!---->
        <!---->
        <a id="uc_ntoggle" active="1" class="btn_toggle uc_ntoggle" title="Toggle notifications">
            <!---->
            <span class="btn_space">..</span>
        </a>
        <!---->
    </div>


    <div class="astx c_body" id="comment_body">
        <!---->
        <div class="c_comm" data-value="114">
            <!---->
            <div class="c_cont" id="comment_114">
                <div class="cpole"></div>
                <div class="c_text">iiii</div>
                <!---->
                <div class="c_info">
                    <div class="fls">inori</div>
                    <div class="flsf">9:48 AM 24 Apr, 2014</div>
                </div>
                <!---->
                <!---->
                <div id="c_reply_114" value="114" class="c_reply c_tag"><span class="flsf">Reply</span></div>
                <!---->

                <!---->
                <a id="cr_ntoggle_114" active="1" class="btn_toggle cr_ntoggle"></a>
                <!---->
            </div>
            <div class="c_indicator"></div>
            <!---->
            <div class="reply">
                <!---->
                <div class="c_cont" id="comment_115">
                    <div class="c_text">TestComment</div>
                    <!---->
                    <div class="c_info">
                        <div class="fls">inori</div>
                        <div class="flsf">9:48 AM 24 Apr, 2014</div>
                    </div>
                    <!---->
                    <div class="r_indicator"></div>
                </div>
                <!---->
                <div class="c_cont" id="comment_116">
                    <div class="c_text">Commenttttttt</div>
                    <!---->
                    <div class="cu_info">
                        <div class="cu_stack">
                            <div class="c_info">
                                <div><a class="fls" href="http://penguin.astropenguin.net/" target="_blank">ii</a></div>
                                <div class="flsf">9:48 AM 24 Apr, 2014</div>
                            </div>
                            <div class="cu_avatar"><img src="http://file.astropenguin.net/blog/avatars/penguin.png" alt="avatar" /></div>
                        </div>
                    </div>
                    <!---->
                    <div class="r_indicator"></div>
                </div>
                <!---->
            </div>
            <!---->
        </div>
        <!---->
        <div class="c_comm" data-value="120">
            <!---->
            <div class="c_cont" id="comment_120">
                <div class="cpole"></div>
                <div class="c_text">iegggeg</div>
                <!---->
                <div class="c_info">
                    <div class="fls">losisli</div>
                    <div class="flsf">11:38 AM 23 Jul, 2014</div>
                </div>
                <!---->
                <!---->
                <div id="c_reply_120" value="120" class="c_reply c_tag"><span class="flsf">Reply</span></div>
                <!---->

                <!---->
                <a id="cr_ntoggle_120" active="1" class="btn_toggle cr_ntoggle"></a>
                <!---->
            </div>
            <div class="c_indicator"></div>
            <!---->
            <div class="reply">
                <!---->
                <div class="c_cont" id="comment_121">
                    <div class="c_text">iiiii</div>
                    <!---->
                    <div class="cu_info">
                        <div class="cu_stack">
                            <div class="c_info">
                                <div><a class="fls" href="http://penguin.astropenguin.net/" target="_blank">aaa</a></div>
                                <div class="flsf">11:38 AM 23 Jul, 2014</div>
                            </div>
                            <div class="cu_avatar"><img src="http://file.astropenguin.net/blog/avatars/penguin.png" alt="avatar" /></div>
                        </div>
                    </div>
                    <!---->
                    <div class="r_indicator"></div>
                </div>
                <!---->
            </div>
            <!---->
        </div>
        <!---->
        <!---->
        <div id="c_input_panel" class="commentblock">
            <div class="r_indicator" id="ri_switch" style="top: 0"></div>
            <div class="c_relative_wrap">
                <textarea id="content_field" class="commentInput" placeholder="Write a comment"></textarea>
                <div id="false_content" class="c_false_input">Do you even comment?</div>
                <!---->
                <div id="capcha_wrapper" value="1645">
                    <div style="display:none;" id="recaptcha_field"></div>
                </div>
                <div id="false_capcha" class="c_false_input"></div>
                <div id="c_submit" class="c_tag"><span class="flsf">Submit</span></div>
            </div>
            <div class="c_so_sorry">no</div>
        </div>
    </div>
</div>
</body>

</html>