#use wml::std::tags

#Defines a simple navigation tool that only knows about
#  back, forward and browse (like "up"). Very special for this purpose!
#
#PARAM $0 optional Back-URL
#PARAM $1 optional Forward-URL
#
<define-tag nav whitespace=delete>
  <!-- tag nav begins -->
  <grid layout=3x1 align=ccc width="100%">
    <cell>
      <if %0 "
      <h3>
        <A HREF="%0">Zur&uuml;ck</A>
      </h3>
      "
      "
      <!-- no back URL --><h3><I>Zur&uuml;ck</I></h3>
      "
      >
    </cell><cell>
       <A HREF="./">Browse</A>
    </cell><cell>
      <if %1 "
      <h3>
        <A HREF="%1">Weiter</A>
      </h3>
      "
      "
      <!-- no forward URL --><h3><I>Weiter</I></h3>
      "
      >
    </cell>
  </grid>
  <!-- tag nav ended -->
</define-tag>

#Defines a tumbnail with correct links (that is a clickable small image that 
#  links to a html page showing the picture in large).
#
#Assumes that for src="image" there are:
#   "image.jpg", "image.html" and "small/imageLO.jpg"
#   The first is the picture, the others are usually created by my wml.mak.
#
#PARAM "src"  - jpg BASEname
#PARAM "path" - optional additional path component
#
<define-tag tumbnail whitespace=delete endtag=required>
  <preserve %attributes>
  <set-var %attributes>
  <!-- tag tumbnail begins -->

  <A HREF="<if <get-var path> "<get-var path>/" ""><get-var src>.html">\
    <IMG BORDER="0" 
      SRC="<if <get-var path> "<get-var path>/" "">small/<get-var src>LO.jpg">\
  </A>
  %body

  <!-- tag tumbnail ended -->
  <restore %attributes>
</define-tag>

#Defines a cell in a table with a tumbnail and a text.
#
#PARAM "src"  - jpg BASEname
#PARAM "path" - optional additional path component
#
<define-tag tumbcell whitespace=delete endtag=required>
  <preserve %attributes>
  <set-var %attributes>
  

  <cell> <!-- (created by tag tumbcell) -->
    <tumbnail path="<get-var path>" src="<get-var src>"> 
      <br>
      %body
      <br><br>
    </tumbnail> 
  </cell>

  <restore %attributes>
</define-tag>

#Defines the standard HTML page used here. Well, in fact not standard but
#  specialized.
#
<define-tag std-page endtag="required">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <page title="%0" background="/images/granit.jpg">
  <head>

  <!-- SORRY, no multi-language support at the moment. -->

  <info style="comment" created="steffen@dett.de">
  <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  </head>
 
  <div align="center"><h1>%0</h1></div>

  <div align="center">
    <I>Bilder zum Betrachen anklicken.</I>
  </div>
 
  <BR><BR>

  %body

  <br><br>

  <grid layout=3x1 valign=mmm align=ccc width="100%">
    <cell>
      <a href="http://validator.w3.org/check/referer"><img border="0"
          src="http://www.w3.org/Icons/valid-html401"
          alt="Valid HTML 4.01!" height="31" width="88"></a>
    </cell><cell>
      <img src="/images/noframes.gif" height="31" width="88" 
          ALT="[No Frames]">
    </cell><cell>
      <img src="/images/any_browser_computer.gif" height="42" width="117"
          ALT="[Any Browser]">
    </cell>
  </grid>
  
  <small>
  <I>
    This was done by 
    <A HREF="mailto:steffen@dett.de">&lt;steffen@dett.de&gt;</A>. 
    It is automatically created using WML and ImageMagick. Feel free
    to send any comments. 
    <br>
    I'm looking forward for your improvements!
  </I>
</small>

</define-tag>



