<mef:set title="Popular Projects" cxontainer="two-col" />

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

<div class="list-description">{description}</div>

<table id="project-list" width="100%" cellspacing="0">
	<thead>
		<tr>
			<td width="65">Rank</td>
			<td width="*" colspan="2">Project</td>
		</tr>
	</thead>
	<tbody>
		<tr id="p" mef:loop="projects" mef:classes="even,odd">
			<td class="rank">
				<div>{p.rank}</div>
				<small mef:if="p.last_rank = 0" class="new">new!</small>
				<small mef:if="p.last_rank > 0 && p.last_rank < p.rank" class="down">down<br />from {p.last_rank}</small>
				<small mef:if="p.last_rank > 0 && p.last_rank > p.rank" class="up">up<br />from {p.last_rank}</small>
			</td>
			<td class="project" mef:attributes="colspan: '2' if !p.image">
				<h3><a href="/depot/{p.folder_name}">{p.ProjectTitle}</a></h3>
				<p>{p.ProjectDescription|chop(400)}</p>
				<small>
				<b>Rating:</b> <mef:stars count="{p.UserRating}" />  
				<b>Category:</b> <a href="/depot/{p.category_folder}">{p.category}</a>  
				<b>Developer:</b> <a href="/members/{p.developer_folder}">{p.developer}</a>  
				<mef:if expr="p.Ports"><b>OS:</b> <mef:depot_ports ports="{p.Ports}" />  </mef:if>
				</small>
			</td>
			<td class="image" mef:if="p.image">
				<div class="drop-shadow" style="float: left;">
						<img class="shadow" src="/depot/screenshots/{p.image}" />
				</div>
			</td>
		</tr>
	</tbody>
</table>