<mef:set title="Depot: {project.ProjectTitle}" capsules="screenshots,member" />

<div style="text-align: center; margin: 4px;">
<acc:banner_ad width="728" height="90" />
</div>

<mef:tabs array="{tabs}" />

<div align="right" style="margin-top: 8px; margin-right: 8px;">
	<form>
		<input type="button" value="add your opinion" style="background: #f0f0f0" onclick="if (confirm('If you have played this game and are ready to review it, press OK.')) window.open('/depot/opinion_add.php?project_id={project_id}','opinion_window','width=400,height=300');" />
	</form>		
</div>

<div style="margin: 2em;">
	<h2>Reviews</h2>
	<div style="max-height: 400px; overflow: auto;">
		<div id="o" mef:loop="opinions" style="margin: 1em;">
		<div><mef:stars count="{o.Rating}" /> <i>by <a href="/members/{o.folder_name}">{o.DisplayName}</a></i></div>
		{o.Comments}
		</div>
	</div>
	<div mef:if="!opinions">
		Be the first to review this project!
	</div>

	<mef:if expr="similar_projects">
	<h2>Other Projects</h2>
	<p>If you like {project.ProjectTitle}, maybe you'll want to check out some of these:</p>
	<ul style="list-style-type: none; margin: 0; padding: 0 1em;">
		<li mef:loop="similar_projects" id="sp" style="margin-bottom: 1em;">
			<img src="/depot/icons/{sp.Icon}" width="32" height="32" alt="icon" style="float: left; margin-top: 4px; margin-right: 8px;" />
			<div><a href="/depot/{sp.folder_name}" style="font-weight: bold;">{sp.ProjectTitle}</a> <mef:stars count="{sp.UserRating}" /></div>
			<div style="margin-left: 40px;">{sp.ProjectDescription|chop(80)}</div>
		</li>
	</ul>
	</mef:if>
</div>