<div class="well">

	<div class="account-username-box">
		<span class="account-username">
			<a href="/users/{userslug}">{username}</a> >
			<a href="/users/{userslug}/followers">followers</a>
		</span>
		<div class="account-sub-links inline-block pull-right">
			<span id="followersLink" class="pull-right"><a href="/users/{userslug}/followers">followers</a></span>
			<span id="followingLink" class="pull-right"><a href="/users/{userslug}/following">following</a></span>
			<span id="editLink" class="pull-right"><a href="/users/{userslug}/edit">edit</a></span>
		</div>
	</div>

	<div>
		<!-- BEGIN followers -->
		<div class="users-box">
			<a href="/users/{followers.userslug}">
				<img src="{followers.picture}" class="img-polaroid"/>
			</a>
			<br/>
			<a href="/users/{followers.userslug}">{followers.username}</a>
			<br/>
			<div title="reputation">
				<span class='reputation'>{followers.reputation}</span>
				<i class='icon-star'></i>
			</div>
			<div title="post count">
				<span class='postcount'>{followers.postcount}</span>
				<i class='icon-pencil'></i>
			</div>
		</div>

		<!-- END followers -->
	</div>
	<div id="no-followers-notice" class="alert alert-warning hide">This user doesn't have any followers :(</div>
</div>

<input type="hidden" template-variable="yourid" value="{yourid}" />
<input type="hidden" template-variable="theirid" value="{theirid}" />
<input type="hidden" template-variable="followersCount" value="{followersCount}" />

<script type="text/javascript" src="{relative_path}/src/forum/followers.js"></script>