<!--List of all applications available on the server-->
<div class="wrapper">
	<h2>Applications</h2>
	<table>
		<tr>
		<% $.each(apps, function (index, a) { %>
			<td class="application" id="<%-a.id%>">
				<a href="#parameters" class="ui-corner-all">
					<h3><%- a.name %></h3>
					<div class="cycle">
						<%
						if (a.images != undefined && a.images.length) {
						_.each(a.images, function (i) {	%>
						<img src="<%-Claun.sign(i)%>" height="180">
					<% });
					} else { %>
						<img src="static/imgs/placeholder.png" height="180">
					<% } %>
					</div>
				</a>
			</td>
			<% if ((index != 0 && (index + 1) % 2 == 0) || index == apps.length - 1) {
				print('</tr>');
				if (index != apps.length -1) {
					print('<tr>');
				}
			}
			});%>
	</table>
</div>
