<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html" version="4.01"/>

  
<xsl:template match="/">
  <html>
    <head>
      <title>Fast Video Indexer - movie index page</title>
    <link rel="stylesheet" type="text/css" href="{movie/settings/data}style.css"/>
  </head>
	<body>

    <div style="position:relative; text-align:left;">
      <div>Title: <xsl:value-of select="movie/title"/>
      </div>
      <div>
        Filesize: <xsl:value-of select="movie/size"/>
      </div>
      <div>
        Duration: <xsl:value-of select="movie/length"/>
    </div>
      <div>
        Resolution: <xsl:value-of select="movie/width"/> x <xsl:value-of select="movie/height"/>
    </div>
    </div>

    <table >
      <xsl:apply-templates select="movie/entry"/>
    </table>

    <div>
      Created with FastVideoIndexer - www.fastvideoindexer.com
    </div>

  </body>
	</html>
</xsl:template>

<xsl:template match="entry[(position()-1) mod 3 = 0]" >
  <tr>
    <td>
      <div class="wrap1">
        <div class="wrap2">
          <div class="wrap3">

            <div class="_" style="padding: 0em 0em; width: {/movie/settings/height}px; height: {/movie/settings/height}px; background-color:Black; color: White; border: 0; position:relative; text-align:center;">
              <a href="{file}">
                <img src="{file}" width="{/movie/settings/width}" height="{/movie/settings/height}" border="0"></img>
              </a>

              <div class="sub" style="padding: 0em 0em; top: 0px; width: {/movie/settings/width}px; height: 20px; background-color:Black; color: White; border: 0; position:relative; text-align:center;">
                <xsl:value-of select="time"/>
              </div>
            </div>

          </div>
        </div>
      </div>
    </td>

    <xsl:for-each select="following-sibling::node()[position() &lt; 3]">
      <xsl:if test="file">
        <td>
          <div class="wrap1">
            <div class="wrap2">
              <div class="wrap3">

                <div class="_" style="padding: 0em 0em; width: {/movie/settings/height}px; height: {/movie/settings/height}px; background-color:Black; color: White; border: 0; position:relative; text-align:center;">
                  <a href="{file}">
                    <img src="{file}" width="{/movie/settings/width}" height="{/movie/settings/height}" border="0"></img>
                  </a>

                  <div class="sub" style="padding: 0em 0em; top: 0px; width: {/movie/settings/width}px; height: 20px; background-color:Black; color: White; border: 0; position:relative; text-align:center;">
                    <xsl:value-of select="time"/>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </td>
      </xsl:if>
    </xsl:for-each>
  </tr>
</xsl:template>

<xsl:template match="entry/file" >
</xsl:template>

<xsl:template match="entry/source" >
</xsl:template>

<xsl:template match="entry/frame" >
</xsl:template>

<xsl:template match="entry/time" >
</xsl:template>

</xsl:stylesheet>


