<div class="container">
	<ul class="breadcrumb">
		<li><a href="/">Home</a> <span class="divider">/</span></li>
		<li class="active">{TOPIC_NAME}</li>
	</ul>
</div>

<ul class="post-container container">
<!-- BEGIN posts -->
<li class="row">
	<div class="span1 profile-image-block">
		
			<img src="https://en.gravatar.com/userimage/18452752/f59e713c717466d2f5ad2a6970769f32.png" align="left" />
			
	</div>
	<div class="span11">
		<div class="post-block">
			

			<p>{posts.content}</p>
			<!--<p>Posted {posts.relativeTime} by user {posts.uid}.</p>-->
			<div class="profile-block">
				posted by <strong>psychobunny</strong> {posts.relativeTime}
				<span class="post-buttons">
					<div class="quote"><i class="icon-quote-left"></i></div>
					<div class="favourite"><i class="icon-star-empty"></i></div>
					<div class="post_reply">Reply <i class="icon-reply"></i></div>
				</span>
			</div>
		</div>
	</div>
</li>
<!-- END posts -->
</ul>
<hr />
<button id="post_reply" class="btn btn-primary btn-large post_reply">Reply</button>


<script type="text/javascript">
jQuery('.post_reply').click(function() {
	app.open_post_window('reply', "{TOPIC_ID}", "{TOPIC_NAME}");
});

jQuery('.quote').click(function() {
	app.open_post_window('quote', "{TOPIC_ID}", "{TOPIC_NAME}");
});

jQuery('.favourite').click(function() {
	if (this.children[0].className == 'icon-star-empty') this.children[0].className = 'icon-star';
	else this.children[0].className = 'icon-star-empty';
})
</script>