[% SET request.session.scale = size %]
</div>
+[% 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" }
+ )
+ $(name).addClassName("active");
+}
+</script>
[% MACRO do_tab(tabname, label) BLOCK; %]
<li>
- [% IF tab == tabname %]<a class="active">
- [% ELSE %]<a href="[%url%]?scale=[%size%]&active=[%tabname%]">
- [% END %]
+ <a [% IF tab == tabname %] class="active" [% END %] id="[%tabname%]" href="javascript:select_tab('[%tabname%]')">
[%label%]</a>
</li>
[% END %]
[%do_tab("similar", "Similar photos") %]
</ul>
<div id="content">
-[%
-IF request.params.active == "tagedit"; INCLUDE tagedit;
-ELSIF request.params.active == "exif"; INCLUDE exif;
-ELSIF request.params.active == "similar"; INCLUDE similar;
-ELSE; INCLUDE comment; END;
-%]
+[% INCLUDE comment %]
</div>
[%
INCLUDE footer;