[% INCLUDE header %]
[% SET tab = request.params.active || "comment" %]
[% SET url = base _ "/photo/view/" _ photo.id; %]
<table width="100%">
    <tr valign="top">
    <td width="70%">
    [% IF prev %]
        <small><a href="[%base%]/photo/view/[%prev.id%]">&lt;&lt; [% prev %]</a></small>
    [% END %]
<h1>[% photo.title %]</h1>
    [% IF next %]
        <small><a href="[%base%]/photo/view/[%next.id%]"> [% next %] &gt;&gt;</a></small>
    [% END %]
[% IF request.user == photo.uploader %]
    <p><a href="[%base%]/photo/delete/[%photo.id%]">Delete this
    photo</a></p>
    <form action="[%base%]/photo/do_edit/[%photo.id%]">
        <input name="title" value="[%photo.title |html%]">
        <input type="submit" name="Rename" value="Rename">
    </form>
[% END %]
</td>
<td align="right">
[% IF photo.albums %]
In albums:
[% FOR album = photo.albums; %]
<a href="[%base%]/album/view/[%album.id%]">[%album.name%]</a> ([%album.photos.size%])
[% ";" UNLESS album == photo.albums.last %]
[% END %]
<br>
[% END %]
<small>
<i>Photo shot on [% photo.shot.ymd %] </i> <br>
Uploaded by <a href="[%base%]/user/view/[%photo.uploader.id%]"> [%
photo.uploader %] </a>
</small> <br>
[% photo.hit_count %] view[%IF photo.hit_count > 1%]s[%END%]
</td>
</tr>
</table>

<div class="tagbrowse smaller">
[% SET tagset = {}; FOR tag = photo.tags;
    SET name = tag.name; tagset.$name = tag.taggings.size;
  END;
  SET sorted = tagset.nsort.reverse;
%]
[% SET counter = 0;
  FOR tag = sorted;
    counter = counter + 1;
    IF tagset.$tag > 1; 
        "<a href=\""; base;"/tag/view/";tag | html | uri;"\">";
        tag;
        "</a>&nbsp;(";
        tagset.$tag; ")";
    ELSE; 
        tag; 
        IF counter > 20; "..."; LAST; END;
    END;
    ", " UNLESS tag == sorted.last;
END %]
</div>

[% PROCESS sized %]

[% IF photo.description OR photo.copyright OR photo.license %]
<div class="photodesc"> 
    [% photo.description | html %] 
    [% IF photo.copyright %] <div class="photorights"> [% photo.copyright | html %] </div> [% END %]
    [% IF photo.license %] <div class="photolicense"> [% photo.license | html %] </div> [% END %]
</div>
[% END %]

<script>
function select_tab(name) {
    document.getElementsByClassName("active").each(function (x) { x.removeClassName("active")});
    new Ajax.Updater("content","[%base%]/photo/"+name+"/[%photo.id%]",
      { method: "get", evalScripts: true }
    )
    $(name).addClassName("active");
}
</script>
[% MACRO do_tab(tabname, label) BLOCK; %]
<li>
    <a [% IF tab == tabname %] class="active" [% END %] id="[%tabname%]" href="javascript:select_tab('[%tabname%]')">
    [%label%]</a>
</li>
[% END %]

<ul id="tabmenu">
    [%do_tab("comment", "Comments") %]
    [%do_tab("exif", "Photo info") %]
    [%do_tab("tagedit", "Edit tags") %]
    [%do_tab("similar", "Similar photos") %]
</ul>
<div id="content">
[% INCLUDE comment %]
</div>
[%
INCLUDE footer;
%]