@using Petwork.Web.Models.Album
@model DisplayModel
@{
    ViewBag.Title = (Model.Album.IsProfileAlbum ? "Immagini del profilo" : Model.Album.Title);
    Layout = "~/Views/Shared/_LayoutUserTwoBars.cshtml";
    Html.DoSelect("Sidebar", "Album");

    var title = Model.Album.IsProfileAlbum ? @Resources.Albums.ProfilePictures : Model.Album.IsWallAlbum ? @Resources.Albums.WallPictures : Model.Album.Title;

    // to be hijacked
    // this is a grid view of all pictures within an album
    // hijacked version shows the first picture in picture-view mode.
}
<div id="albumView" class="wallSection">
    <div class="header">
        <a href="@Url.Action("List")">&lt; @Resources.Albums.BackToAlbums</a>
        <h1>@title</h1>
        @if (ViewBag.IsMe)
        {
            <a href="@Url.Action("Edit", new { accountEmail = Model.Album.Owner.Email, id = Model.Album.Id })" class="tool">@Resources.Albums.EditAlbum</a>   
        }
        <span class="desc">@Model.Album.Photos.Count @(Model.Album.Photos.Count == 1 ? "picture" : "pictures")
            (created @Model.Album.Created.GetDifferenceText())</span>
    </div>
    <ul class="p">
        @foreach (var photo in Model.Photos)
        {
            <li>
                <a href="@this.Url.Action("DisplayPhoto", new { photo.Id })">
                    <img alt="@photo.Tooltip" src="@this.Url.ImageResizerUrl(photo.Image, "?w=206&h=206", new System.Collections.Specialized.NameValueCollection { { "mode", "crop" } })" />
                </a>
            </li>
        }
    </ul>
</div>