@using Petwork.Web.Models.Album
@model DisplayPhotoModel
@{
    ViewBag.Title = "Visualizzazione foto";
    Layout = "~/Views/Shared/_LayoutUserTwoBars.cshtml";
    Html.DoSelect("Sidebar", "Album");
    var isOwner = Model.Photo.Owner == ViewBag.Account;
    // to be hihacked
    // exact same view
    // next/prev button will change the picture also hijacked and goes to the top.
    // clicking on one picture in any post in the wall, will opens this page too.
    // remove the HREF attribute in photoNav links when no previous or next url is available.
}
@section head {
    @* css ("~/Libraries/jcrop/css/jquery.Jcrop.css")" *@
    @* javascript ("~/Libraries/jcrop/js/jquery.Jcrop.js")" *@
    @* javascript ("~/Scripts/jquery.simplemodal-1.4.2.js")" *@
    @* javascript ("~/Scripts/p4p.album.js")" *@
}
<div id="photoView">
    <div class="photoNav">
        @if (Model.PrevPhoto != null)
        {
            <a id="previousPhoto" href="@Url.Action("DisplayPhoto", new { Model.PrevPhoto.Id })">@Resources.Albums.Previous</a>
        }
        @if (Model.NextPhoto != null)
        {
            <a id="nextPhoto" href="@Url.Action("DisplayPhoto", new { Model.NextPhoto.Id })">@Resources.Albums.Next</a>
        }
    </div>
    <div id="photoViewer">
        <img class="photo" alt="@Model.Photo.Tooltip" src="@Url.ImageResizerUrl(Model.Photo.Image, Model.ResizerSettings)" usemap="#photoMap-@Model.Photo.Id"/>
        @Html.Partial("_TagMap", Model.Photo)

        @if (isOwner)
        {
            <div class="pictToolbar pictToolBarSmall">
                <a href="@Url.Action("DeletePhoto", new { Model.Photo.Id })" onclick="return confirm('You really want to delete this photo?')">@Resources.Albums.Remove</a>
                <a href="@Url.Action("RotatePhoto", new { Model.Photo.Id })">@Resources.Albums.Rotate</a>
                <a href="#" class="crop-photo">set as profile</a>
                <a href="@Url.Action("Albums2Move", new { idPhoto = Model.Photo.Id })" class="move-photo-2album" >@Resources.Albums.MoveTo &gt;</a>
                <a href="#" class="begin-tag">@Resources.Albums.TagSomeone</a>
            </div>
        }
        else
        {
            <div class="pictToolbar pictToolBarSmall">
                <a href="#" class="begin-tag">@Resources.Albums.TagSomeone</a>
            </div>
        }

        @if (isOwner)
        {
            <div class="cropToolbar" style="display: none">
                <form method="POST" action="@Url.Action("CropPhoto", new { @Model.Photo.Id })">
                    <input type="hidden" id="cx1" name="x1" />
                    <input type="hidden" id="cy1" name="y1" />
                    <input type="hidden" id="cx2" name="x2" />
                    <input type="hidden" id="cy2" name="y2" />
                    <input id="btn-crop-photo" type="submit" disabled="disabled" value="set as profile" />
                    <input id="btn-cancel-crop" type="button" value="cancel" />
                </form>
            </div>
        }

        <div class="tagToolbar" style="display: none">
            <a id="btn-tag-photo" class="btn" href="@Url.Action("TagDialog", new { Model.Photo.Id })">tag</a>
            <a id="btn-cancel-tag" class="btn">@Resources.Albums.Cancel</a>
        </div>

        <div class="post postAlbum">
            <div class="authorPict">
                <img alt="author" src="@Url.Picture(Model.Photo.Owner, "?w=60&h=60")" />
            </div>
            <div class="postContent postAlbumContent">
                <div class="postHeader">
                    by <a href="@Url.Wall(Model.Photo.Owner)">@Model.Photo.Owner.FullName</a> <span>@Model.Photo.Created.GetDifferenceText()</span>
                </div>
                @*<div class="postText">
                    @(Model.Photo.Tooltip ?? "(untitled)")</div>*@
                <div class="postActions">
                    @Html.LikeCount(ResourceType.Photo, Model.Photo.Id)
                    <span>&bull;</span>
                    @Html.LikeLink(ResourceType.Photo, Model.Photo.Id)
                    <span>&bull;</span>
                    @Html.ShareLink(ResourceType.Photo, Model.Photo.Id)
                </div>
                @Html.Action("PreloadComments", "Comment", new { resourceType = ResourceType.Photo, resourceId = Model.Photo.Id })
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</div>
@section foot {
    <script type="text/javascript">
        $(function() {
            $.extend(globals, {
                albumId: @Model.Album.Id,
                photoId: @Model.Photo.Id,
                actionDisplayPhoto: '@Url.Action("DisplayPhoto")'
            });

            $(document).trigger("displayphoto.ready");
        });
    </script>
}