<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Album: <:=Path('album_name'):></title>
  <: Meta() :>  <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<: if (!(Parent_Albums_Left() == 1)) { _:>  <link rel="home" href="<: $_ = Parent_Album(); s/^<a href='(.+)'>.*<\/a>$/$1/; print; :>" title="Album home" />
  <link rel="top" href="<: print; :>" title="Album home" /> <:_ } :>
  <link rel="up" href=<:=Back():> title="Up one folder" />
  <link rel="stylesheet" type="text/css" href="<:=Theme_URL():>/floating.css" title="floating album style" />
  
    <: if ($opt->{slideshow} && Images()) { _:>
  <!-- LyteBox Slideshow Includes -->
  <!-- http://www.dolem.com/lytebox/ -->
  <script type="text/javascript" language="javascript" src="<:=Theme_URL():>/js/lytebox.js"></script>
  <link rel="stylesheet" href="<:=Theme_URL():>/js/lytebox.css" type="text/css" media="screen" />
  <: } _:>
  
  <style type="text/css"><!--
  h1 {
    background-image: url("<:=Theme_URL():>/PhotosTrees.jpg");
  }
  div.thumbnail {
    width: <:=Get_Opt('x'):>px;
  }
  --></style>
</head>
<body>

<h1>
</h1>

<ul class="menu">
<: while (Parent_Albums()) { _:>
  <: if (Parent_Albums_Left() > 1) { _:>
  <li>
    <: pParent_Album() :> &raquo;
  <: } else { _:>
  <li>
    <: pParent_Album() :>
  <: } _:>
  </li>
  <: Next_Parent_Album() :>
<: } _:>
<: if ($opt->{slideshow} && Images()) { _:>
  <li>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;&gt;&gt; <a href="tn/<:= Get(First('pics'),'medium','file'); :>" rel="lyteshow[<:= Path('album_name') :>]"><img src="<:= Theme_URL() :>/js/images/launch.png" border="0" /> Launch Slideshow</a> &lt;&lt;&lt;
  </li>
<: } _:>
  <li class="up">
    <a href=<:=Back():>>up</a>
  </li>
</ul>

<: if (isHeader()) { _:>
<h2>
  <:pHeader():>         
</h2>
<: } _:>

<: if (Child_Albums()) { _:>
<ul class="list">
<: while (Child_Albums()) { _:>
  <li>
    &raquo; <: pChild_Album() :>
  </li>
<: Next_Child_Album() :>
<: } _:>
</ul>
<: } _:>

<:  if (Images()) { _:>

<div class="thumbs">
<: my $img = First('pics'); :>
<: while($img) { _:>
  <div class="thumbnail" onMouseOver="document.getElementById('slide_<:= Name($img) :>').style.visibility='visible'" onMouseOut="document.getElementById('slide_<:= Name($img) :>').style.visibility='hidden'">
  <: print Get($img,'href','image');
	 print Image($img,'thumb') if Get($img,'thumb');
	 print "</a>"; :>
    <div>
	  <div class="name">
	    <:= Name($img) :>&nbsp;
	  </div>
  <: if ($opt->{slideshow}) { _:>
	  <div class="slideshowbutton" id="slide_<:= Name($img) :>" style="visibility: hidden">
    	<!-- lyteshow code -->
	    <a href="tn/<:= Get($img,'medium','file'); :>" rel="lyteshow[<:= Path('album_name') :>]" title="<:= Name($img) :>"><img src="<:= Theme_URL() :>/js/images/launch.png" border="0" alt="Launch Slideshow Here" align="top" /></a>
    	<!-- end lyteshow code -->
	  </div>
  <: } _:>
	</div>
  </div>
<: $img = Next($img); :>
<: } _:>
</div>
<div class="spacer">&nbsp;</div>

<: } _:>

<: if (isFooter()) { _:>
<h2>
  <:pFooter():>         
</h2>
<: } _:>

<address>
<: Credit() :> on <:=scalar localtime:>
<br />&nbsp;<span class="helmar">Floating theme 0.4 by <a href="http://helmar.dyndns.org/">Helmar Wieland</a></span>
</address>

</body>
</html>
