-<%foreach albums album>
- <%first><h2><%= Page.ImageBrowser.Header.Albums|l10n|html></h2><%/first>
- <%if loop.count|mod divisor=3><div class="album-row"><%/if>
- <div id="album-<% album.id|html>" class="album">
- <div class="album-id hidden"><% album.id|html></div>
- <div class="album-container">
- <a href="imageBrowser.html?album=<% album.id|html>" title="<% album.title|html>">
- <%ifnull album.albumImage>
- <img src="images/unknown-image-0.png" width="333" height="250" alt="<% album.title|html>" title="<% album.title|html>" style="position: relative; top: 0px; left: -41px;" />
- <%else><!-- TODO -->
- <% album.albumImage|image-link max-width=250 max-height=250 mode=enlarge title==album.title>
- <%/if>
- </a>
+<%foreach albums album|paginate pageSize=core.preferences.imagesPerPage page=albumPage>
+ <%first>
+ <h2><%= Page.ImageBrowser.Header.Albums|l10n|html></h2>
+ <%include include/pagination.html pageParameter=="albumPage">
+ <div class="images">
+ <%/first>
+ <%if loop.even><div class="album-row"><%/if>
+ <div id="album-<% album.id|html>" class="album">
+ <div class="album-id hidden"><% album.id|html></div>
+ <%include include/viewAlbum.html>