<mef:set title="Depot: {category.CategoryDescription}" container="two-col" />

<div style="margin: 4px;">
	<mef:depot_cattrail id="{category.pkDepotCategory}" />
</div>

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

<div mef:if="USER_ID = 0" style="text-align: center; margin: 8px;">
<![CDATA[
<script type="text/javascript"><!--
google_ad_client = "pub-5206787690556560";
google_alternate_color = "f0f0f0";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-04-24: Depot Leaderboard
google_ad_channel = "6423778655";
google_color_border = "E0E0E0";
google_color_bg = "FFFFFF";
google_color_link = "336699";
google_color_text = "000000";
google_color_url = "336699";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
]]>
</div>

<div style="float: right; margin-right: 5px; border: solid #999 1px;">
<acc:banner_ad width="160" height="600" />
</div>

<div style="padding-right: 170px;">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<mef:tdspan collection="{projects}" item="p">
			<div class="featured_project">
				<div class="description">
					<img mef:if="p.Icon != 'default.gif' && p.Icon != 'dummy.gif'" class='icon' src='//djungxnpq2nug.cloudfront.net/image/project/icon/{p.Icon}' width='32' height='32' alt='icon' hspace='3' />
					<h1><a href="/depot/{p.folder_name}/">{p.ProjectTitle}</a></h1>
					<img mef:if="p.pkDepotScreenshot" class="screenshot" src="//djungxnpq2nug.cloudfront.net/image/project/screenshot/{p.pkDepotScreenshot}_small.{p.SmallType}" width="160" height="120" alt="screenshot" />
					{p.ProjectDescription|chop(500)|br}
				</div>
				<br clear="all" />
		
				<div>User Rating: <mef:stars count="{p.UserRating}" /></div>
				<div>Developer: <a href="/members/{p.member_folder}">{p.DisplayName}</a></div>
		
			</div>
		</mef:tdspan>
		
		<td valign="top" width="*">	
			<div class="showcase_recent" style="overflow: hidden;">
				<h1>Updates</h1>
			
				<mef:loop collection="updates" item="p">
					<img mef:if="p.Icon != 'default.gif' && p.Icon != 'dummy.gif'" class='icon' src='//djungxnpq2nug.cloudfront.net/image/project/icon/{p.Icon}' width='32' height='32' alt='icon' hspace='3' />
					<h2><a href="/depot/{p.folder_name}/">{p.ProjectTitle}</a></h2>
					<div class="description">{p.ProjectDescription|chop(100)}</div>
				</mef:loop>
			
				<h1>Reviews</h1>
				<ul style="list-style-type: none; margin: 0; padding: 0;">
					<li id="o" mef:loop="opinions">
						<span style="background-color: #696; border: solid #363 1px; color: white; float: left; width: 20px; text-align: center; font-size: 12px; margin-top: 8px;">{o.Rating}</span>
						<h2 style="margin-left: 28px;"><a href="/depot/{o.folder_name}/reviews">{o.ProjectTitle}</a></h2>
						<div style="margin-left: 28px;" class="description">{o.Comments|chop(100)}</div>
					</li>
				</ul>
			
			</div>
		</td>
	
	</tr>
</table>

</div>