1<!DOCTYPE html
2     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= language %>" lang="<%= language %>">
5<head>
6<% if images > 1 %>
7  <title><%= header %> (<%= image_idx %>/<%= images %>)</title>
8<% else %>
9  <title><%= header %></title>
10<% end %>
11  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
12  <meta name="Generator" content="gThumb Image Viewer" />
13  <link href="<%= theme_link src="layout.css" %>" rel="stylesheet" type="text/css" />
14  <link href="<%= theme_link src="style.css" %>" rel="stylesheet" type="text/css" />
15</head>
16<body>
17  <div id="wrapper">
18    <div id="main">
19
20      <h1 class="image-title">
21        <%= header %>
22      </h1>
23
24      <ul class="navigation-bar">
25        <li class="index">
26          <a href="<%= page_link idx_relative="0" image_idx %>" title="<%= translate 'Go back to the index' %>">
27            <span><%= translate 'Go back to the index' %></span>
28          </a>
29        </li>
30        <% if image_idx < images  %>
31        <li class="next-image">
32          <a href="<%= image_link idx_relative="+1" %>" title="<%= translate 'View the next image' %>">
33            <span><%= translate 'View the next image' %></span>
34          </a>
35        </li>
36        <% else %>
37        <li class="void">
38        </li>
39        <% end %>
40        <li class="current-image">
41          <span><%= image_idx %> / <%= images %></span>
42        </li>
43        <% if image_idx > 1  %>
44        <li class="previous-image">
45          <a href="<%= image_link idx_relative="-1" %>" title="<%= translate 'View the previous image' %>">
46            <span><%= translate 'View the previous image' %></span>
47          </a>
48        </li>
49        <% else %>
50        <li class="void">
51        </li>
52        <% end %>
53        <li class="last">
54        </li>
55      </ul>
56
57      <% if image_description_enabled || image_attributes_enabled %>
58      <div class="image-preview">
59      <% else %>
60      <div class="image-preview image-preview-centered">
61      <% end %>
62        <% if copy_originals %>
63        <a href="<%= file_name with_relative_path %>"><%= image preview class="preview" %></a>
64        <% else %>
65        <%= image preview class="preview" %>
66        <% end %>
67      </div>
68
69      <% for_each image_caption %>
70        <% if first_item %>
71          <dl class="caption-container">
72        <% end %>
73
74            <dt class="property"> <%= item_attribute display_name %> </dt>
75            <dd class="property-value"> <%= item_attribute value %> </dd>
76
77        <% if last_item %>
78            <dt class="last property"></dt>
79            <dd class="last property-value"></dd>
80          </dl>
81        <% end %>
82      <% end %>
83
84      <% if image_description_enabled && image_attribute_available('general::description') %>
85      <div class="image-comment">
86        <%= image_attribute id="general::description" %>
87      </div>
88      <% end %>
89
90    </div>
91  </div>
92  <div id="footer">
93    <div id="footer-2">
94      <%= footer %>
95    </div>
96  </div>
97</body>
98</html>
99