#c options: -no_image_pages
#c// ###################################################################
#c// Album Theme created by dkl@tessellated.net
#c// ###################################################################
<: $col_perc = int(100/Option('columns'))."%"; :>//
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
    'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title> 
      Album: <: pAlbum_Name() :>
    </title>
    <: Meta() :>
  </head>
  <body bgcolor='white' link="gray">


#c  # Are there any images?  (There might only be Child_Albums!)
<:  if (Images()) {  $saw_images = 1;  _:>
<script LANGUAGE="javascript">
<!--
//Preload into array
//----- each line defines an image filename and its title
var images = new Array(
<:
  while(Images()) {
    my $name = Image_Name();  $name =~ s/'/\\'/g;
    print "\t".Image_URL().",'$name'";
    Next_Image();
    print "," if (Images_Left());
    print "\n";
  }
_:>//
);
//-->
</script>
<:  } _:>// End if images

<center>

  <table width='100%'  bgcolor="#f0f0f0">
    <tr>
      <td align='left'>
        <h2> <: pJoin_Parent_Albums(":"); :> </h2>
      </td>
      <td align='right'>
        <h1><a href=<:=Back():>>Up</a></h1>
	updated <: print `date` :>
      </td>
    </tr>
  </table>

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

#c  # Are there more albums below this one?
<:  if (Child_Albums()) { _:>
  <table width='100%' align='center' cellspacing='3'>
    <tr>
      <td width='<:=$col_perc:>' valign='top'>
<h3>more:</h3>
      </td>

#c    # Loop on all the albums
<:    while (Child_Albums()) { _:>
        <td width='<:=$col_perc:>' valign='top'>
          <font size='+1'>
            <: pChild_Album() :>
          </font>
        </td>

#c      # And start a new row every fourth one
<:      if (!((Child_Album_Cnt()+1) % Option('columns'))) { _:>
</tr><tr>
<:      } :>

#c    # End album loop
<:    Next_Child_Album() :>
<:    } :>
    </tr>
  </table>

#c  # End if albums
<:  } :>

<:  if ($saw_images) {  _:>
<script LANGUAGE="javascript">
<!--
function displayImage()
{
var IFname = document.f.s.options[document.f.s.selectedIndex].value;
document.im.src = IFname;
}
document.writeln('<form name="f" method="POST">');

document.writeln('<p><select name ="s" onChange ="displayImage()">');

document.write('<option selected value="',images[0],'"> ');

document.writeln(images[1],' </option>');

for (i=2; i<images.length; i+=2)

document.writeln('<option  value="',images[i],'"> ',images[i+1],' </option>');

document.writeln('</select></p></form>');

document.writeln('<IMG name="im" SRC="',images[0],'" BORDER=0>');


//-->
</script>

    </td></tr>
  </table>

#c  # End if images
<:  } :>
</center>

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

<br>
    <font size=-1>
      <: Credit() :> 
    </font>
  </body>
</html>

