<%=constants.DOCTYPE%>
<HTML>
<HEAD>
<%=chameleon.markOfTheWebStr%>
<TITLE>$text.help</TITLE>
<meta http-equiv="Content-Type" content="text/html;charset=$textEncoding">
<link href="res/styles.css" rel="stylesheet" type="text/css">
<ja:if test=<%=chameleon.subStyleDefined%>><link href="$resPath/substyle.css" rel="stylesheet"></ja:if>
<style type="text/css">
  body { margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; }
</style>
</HEAD>
<BODY id="help">
<CENTER>
  <TABLE width="100%" cellpadding="12" cellspacing="0" class="infotable" style="border: 10px solid;">
    <tr>
      <td align="center" class="comment">$text.h_Controls</td>
    </tr><tr>
      <td background="res/bg.gif" style="height:28px;">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="31"><img src="res/up.gif" width="31" height="31"></td>
            <td width="20"><img src="res/hdr_left.gif" width="20" height="31"></td>
            <td background="res/hdr_mid.gif" align="left" class="title">$text.h_AlbumName</td>
            <td width="20"><img src="res/hdr_right.gif" width="20" height="31"></td>
            <td width="31"><img src="res/prev.gif" width="31" height="31"></td>
            <td width="31"><img src="res/next.gif" width="31" height="31"></td>
            <td width="31"><img src="res/show.gif" width="31" height="31"></td>
          </tr>
        </table>
      </td>
    </tr><tr>
      <td>        
        <table width="100%"  border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td align="center"><img src="res/up1.gif" width="31" height="31"></td>
            <td align="left">$text.h_UpOneDirectoryLevel</td>
          </tr>
          <tr>
            <td align="center"><img src="res/idx1.gif" width="31" height="31"></td>
            <td align="left">$text.h_BackToIndexPage</td>
          </tr>
          <tr>
            <td align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img src="res/hdr_left.gif" width="20" height="31"></td>
                <td><img src="res/hdr_mid.gif" width="10" height="31"></td>
                <td><img src="res/hdr_right.gif" width="20" height="31"></td>
              </tr>
            </table></td>
            <td align="left">$text.h_ClickableDirectoryPath</td>
          </tr>
          <tr>
            <td align="center"><img src="res/prev1.gif" width="31" height="31"></td>
            <td align="left">$text.previousPage</td>
          </tr>
          <tr>
            <td align="center"><img src="res/next1.gif" width="31" height="31"></td>
            <td align="left">$text.nextPage</td>
          </tr>
          <tr>
            <td align="center"><img src="res/show1.gif" width="31" height="31"></td>
            <td align="left">$text.h_StartsSlideshow [$text.changeSpeed]</td>
          </tr>
          <tr>
            <td align="center"><img src="res/stop1.gif" width="31" height="31"></td>
            <td align="left">$text.h_StopsSlideshow [$text.changeSpeed]</td>
          </tr>
          <tr>
            <td align="center"><img src="res/download.gif" width="17" height="17"></td>
            <td align="left">$text.h_DownloadCurrentFile</td>
          </tr>
          <tr>
            <td align="center"><img src="res/danger.gif" width="13" height="13"></td>
            <td align="left">$text.h_ResolutionWarning</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td align="center" class="comment">$text.h_KeyboardNavigationShortcuts</td>
    </tr><tr>
      <td>
        <table width="100%"  border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td align="right"><strong>$text.h_Backspace</strong></td>
            <td align="left">$text.h_UpOneDirectoryLevelOrIndex</td>
          </tr>
          <tr>
            <td align="right"><strong>$text.h_LeftArrow</strong></td>
            <td align="left">$text.h_PreviousIndexSlidePage</td>
          </tr>
          <tr>
            <td align="right"><strong>$text.h_RigthArrow</strong></td>
            <td align="left">$text.h_NextIndexSlidePage</td>
          </tr>
          <tr>
            <td align="right"><strong>$text.h_Enter</strong></td>
            <td align="left">$text.h_StartSlideshowFromIndexPage</td>
          </tr>
          <tr>
            <td align="right"><strong>$text.h_Space</strong></td>
            <td align="left">$text.h_StartStopSlideshow</td>
          </tr>
          <tr>
            <td align="right"><strong>$text.h_Home</strong></td>
            <td align="left">$text.h_GoToFirstPage</td>
          </tr>
          <tr>
            <td align="right"><strong>$text.h_End</strong></td>
            <td align="left">$text.h_GoToLastPage</td>
          </tr>
        </table>
      </td>
    </tr>
<ja:if test=<%=!chameleon.imageNavigationNone%>>    <tr>
      <td align="center" class="comment">$text.h_NavigationOnTheSlidePictures</td>
    </tr><tr>
      <td align="center">
        <table style="width:80%; height:240px" border="2" cellpadding="0" cellspacing="0" class="infotable">
          <tr>
<ja:if test=<%=chameleon.imageNavigation2%>>            <td style="width:50%" align="center" valign="middle">$text.h_PreviousImage</td>
            <td style="width:50%" align="center" valign="middle">$text.h_NextImage</td></ja:if>
<ja:else>            <td style="width:32%" rowspan="2" align="center" valign="middle">$text.h_PreviousImage</td>
            <td style="width:36%; height:120px" align="center" valign="middle">$text.h_IndexPage</td>
            <td style="width:32%" rowspan="2" align="center" valign="middle">$text.h_NextImage</td>
          </tr>
          <tr>
            <td style="width:36%; height:120px" align="center" valign="middle">$text.h_DownloadOriginal</td></ja:else>
          </tr>
        </table>
      </table></td>
    </tr>
</ja:if>  </TABLE>
</CENTER>
</BODY>
</HTML>