@using ca.AgNition.HyCropScout.Common
@model List<PhotoListItem>



    <!-- Add mousewheel plugin (this is optional) -->
    @*<script type="text/javascript" src="@Url.Content("~/fancybox/lib/jquery.mousewheel-3.0.6.pack.js")"></script>*@

    <!-- Add fancyBox -->
    <link rel="stylesheet" href="../../fancybox/source/jquery.fancybox.css?v=2.1.6" type="text/css" media="screen" />
    <script type="text/javascript" src="@Url.Content("~/fancybox/source/jquery.fancybox.pack.js?v=2.1.6")"></script>

    <!-- Optionally add helpers - button, thumbnail and/or media -->
    <link rel="stylesheet" href="../../fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
    <script type="text/javascript" src="@Url.Content("~/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5")"></script>
    <script type="text/javascript" src="@Url.Content("~/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6")"></script>

    <link rel="stylesheet" href="../../fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
    <script type="text/javascript" src="@Url.Content("~/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7")"></script>

    <script type="text/javascript" src="@Url.Content("~/Scripts/masonry.pkgd.min.js")"></script>

    <script type="text/javascript" src="@Url.Content("~/Scripts/imagesloaded.pkgd.min.js")"></script>

    <script src="@Url.Content("~/Scripts/PhotoManager.js")" type="text/javascript"></script>



    @Html.Raw(string.Format("<div id=\"main-content\" style=\"background: #e6ebee; display:{0}\">", (Model != null && Model.Count > 0) ? "" : "none"))
    @if (Model != null && Model.Count > 0)
    {
        @Html.Raw("<div class=\"grid\">")
        <div class="grid-sizer"></div>
        foreach (PhotoListItem photo in Model)
        {
            if (!photo.Deleted)
            {
                String Id = "" + photo.Id;
                String photoDivId = "photoDivId_" + Id;
                String fancBoxAnchorId = "famcyBox" + "_" + Id;
                String editPhotoId = "editPhoto" + "_" + Id;
                String clientVisibilityPhotoId = "clientVisibility" + "_" + Id;
                String deletePhotoId = "deletePhoto" + "_" + Id;
                String inputId = "Photos_photo_Id" + "_" + Id;
                String appendedText = " " + photo.Caption + "<br />"
                + "Male Lot #: " + photo.MaleLotNumber + " Female Lot #: " + photo.FemaleLotNumber + "<br />" +
                "Male Line #: " + photo.MaleLineCode + " Female Line #: " + photo.FemaleLineCode;
                String notVisibleToClientConstant = "ncv";

                @Html.Raw(string.Format("<div id=\"{0}\" class=\"grid-item\">", photoDivId))
                <div style="position:relative;">
                    @if (!photo.ClientVisible)
                    {
                    @Html.Raw(string.Format("<input id=\"{0}\" type=\"hidden\" value=\"{1}\"/>", inputId, Id + "&" + notVisibleToClientConstant))
                    }
                    else
                    {
                    @Html.Raw(string.Format("<input id=\"{0}\" type=\"hidden\" value=\"{1}\"/>", inputId, Id))
                    }

                    @Html.Raw(string.Format("<a class=\"fancybox-thumb\" id=\"{0}\" href=\"{1}\" rel=\"fancybox-thumb\">", fancBoxAnchorId, @photo.FilePath))
                    @Html.Raw(string.Format("<img value=\"{0}\" border=\"0\" src=\"{1}\" />", photo.Id, @photo.FilePath))
                    @Html.Raw("</a>")
                </div>
                <div style="width: 100%;height: auto;float: left;padding: 10px;">
                    @Html.Raw(string.Format("<span style=\"font-weight: bolder;\">Caption:</span>{0}", appendedText));
                </div>

                @Html.Raw("</div>")
            }
        }
        @Html.Raw("</div>")
    }
    @Html.Raw("</div>")