<?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>Image: <:=Name(This_Image) :></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="image_container">
    
    <: 
      my $img_prev = Prev(This_Image, $opt->{image_loop});
      my $img_next = Next(This_Image, $opt->{image_loop});
      my $prev_w_or_h = Get($img_prev,'thumb','x') > Get($img_prev,'thumb','y') ? "width=\"50\"" : "height=\"50\"";
      my $next_w_or_h = Get($img_next,'thumb','x') > Get($img_next,'thumb','y') ? "width=\"50\"" : "height=\"50\"";
    _:>

      <div id="prev">
        <:=Get($img_prev,'href','image_page'):>
          <img title="<:=Get($img_prev,'name'):>" alt="<:=Get($img_prev,'name'):>" src=<:=Get($img_prev,'URL','thumb'):>  <:=$prev_w_or_h:> />
        </a>
        <p class="name"><:=Name($img_prev):></p>
        <p class="caption"><:=Caption($img_prev):></p>
      </div>
      
      <div id="next">
        <:=Get($img_next,'href','image_page'):>
            <img title="<:=Get($img_next,'name'):>" alt="<:=Get($img_next,'name'):>" src=<:=Get($img_next,'URL','thumb'):>  <:=$next_w_or_h:> />
        </a>
        <p class="name"><:=Name($img_next):></p>
        <p class="caption"><:=Caption($img_next):></p>
      </div>

      <div class="medium_image">
        <p class="name"><a href=<:=Get(This_Image,'URL','image'):>><:=Name(This_Image):></a></p>
        <p class="caption"><:=Caption(This_Image):></p>
        <a href=<:=Get(This_Image,'URL','image'):>>
           <img title="<:=Get(This_Image,'name'):>" alt="<:=Get(This_Image,'name'):>" src=<:=Get(This_Image,'URL','image'):> />
        </a>
      </div>
  
  </div> <!-- id="image_container" -->

  <div id="footer">
    <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>



