options: -geometry 150x100
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
       "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Album: <:= Path('album_name') :></title>
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="robots" content="index,follow" />
    <link rel="stylesheet" type="text/css" href="<:=Theme_URL():>/base.css" media="screen" title="basic" />
    
    <!--
    <link rel="stylesheet" type="text/css" href="<:=Theme_URL():>/simple.css" media="screen" title="simple" />
    <link rel="alternate stylesheet" type="text/css" href="<:=Theme_URL():>/base.css" media="screen" title="basic" />
    <script type="text/javascript" src="<:=Theme_URL():>/styleswitcher.js"></script>
    -->
    
    <: Meta() :>
  </head>

  <body>

    <div id="header">
    <p style="display:none">You Web browser doesn't support CSS. Please use a CSS2 compliant Web browser.</p>

    <ul id="menu">
      <: while (Parent_Albums_Left()) { :>
      <li>» <: pParent_Album(); :></li>
      <: Next_Parent_Album(); } :>
    </ul>

    <p id="back"><a href=<:=Back():>><img src="<:=Theme_URL():>/back.gif" alt="Back" title="Back" /></a></p>

<!--	
    <ul id="styleswitcher">
      <li><a href="#" onclick="setActiveStyleSheet('basic'); return false;"><img alt="Basic" title="Basic style" src="<:=Theme_URL():>/basic.png" /></a></li>
      <li><a href="#" onclick="setActiveStyleSheet('simple'); return false;"><img alt="Simple" title="Simple style" src="<:=Theme_URL():>/simple.png" /></a></li>
    </ul>
-->
    
	</div> <!-- id="header" -->
  
    
	<div id="content">
    
    <: if (isHeader()) { _:>
    <p id="header-caption"><:=pHeader():></p>
    <: } _:>

    <div id="thumb_container">
    
    
    <: if (First('dirs')) { :>
    <div id="thumb_album_container">
    <: } :>
    <:
       my $alb = First('dirs');
       while ($alb) {
    _:>
      <div class="thumb_album">  
        <a href=<:=Get($alb,'URL','dir'):>>
          <: if (Get($alb,'URL','album_page','thumb')) { _:>
          <img alt="album directory tumbnail" src=<:=Get($alb,'URL','album_page','thumb'):> />
          <: } _:>
        </a>
        <p class="name"><a href=<:=Get($alb,'URL','dir'):>><:=Name($alb):></a></p>
        <p class="caption"><:=Caption($alb):> <:=Get($alb,'num_pics'):> images / <:=Get($alb,'num_dirs'):> albums</p>
      </div>
    <:
         $alb = Next($alb);
       } # End child album loop
    _:>
    <hr class="spacer"/>
    <: if (First('dirs')) { :>
    </div> <!-- id="thumb_album_container" -->
    <: } :>





    <: if (First('pics') && First('dirs')) { :>
	<hr id="separator_middle" />
    <: } :>





    <: if (First('pics')) { :>
    <div id="thumb_image_container">
    <: } :>
    <:
       my $img = First('pics');
       while ($img) {
    _:>
      <div class="thumb_image">  
        <a href=<:=Get($img,'URL','image'):>>
          <: if(Get($img,'alt')) { _:>
            <img alt=<:=Get($img,'alt'):> src=<:=Get($img,'URL','thumb'):> />
          <: } else { _:>
            <img alt="unknown" src=<:=Get($img,'URL','thumb'):> />
          <: } _:>
        </a>
        <p class="name"><a href=<:=Get($img,'URL','image'):>><:=Name($img):></a></p>
        <p class="caption"><:=Caption($img):></p>
      </div>
    <:
         $img = Next($img);
       } # End images loop
    _:>
    <hr class="spacer"/>
    <: if (First('pics')) { :>
    </div> <!-- id="thumb_image_container" -->
    <: } :>
    

    </div> <!-- id="thumb_container" -->

    <: if (isFooter()) { _:>
    <p id="footer-caption"><:=pFooter():></p>
    <: } _:>
	</div> <!-- id="content" -->
  

    <div id="footer">
 <!--   <hr id="separator_bottom" />-->
    <p class="credit"><: Credit() :> on <:=scalar localtime:></p>
    <p class="credit">Zeitoun theme by <a href="http://www.zeitoun.net">Stéphane GULLY</a></p>
    </div> <!-- id="footer" -->
    
  </body>
</html>
