<?xml version='1.0' encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>

<script>
<![CDATA[//<!--]]>

var records = new Array (
<xsl:for-each select="/rows/row">
  <xsl:text>"</xsl:text>
  <xsl:for-each select="col"><xsl:value-of select="."/><xsl:if test="position() != last()">|</xsl:if></xsl:for-each>
  <xsl:text>"</xsl:text>
  <xsl:if test="position() != last()">,</xsl:if>
  <xsl:text>
  </xsl:text>
</xsl:for-each>
);

<![CDATA[
function table(startRow) {

  frames[0].document.open();
  var maxRows = 10;
  var maxCols = ]]><xsl:value-of select="count(/rows/row[1]/col)"/><![CDATA[;
  var test2 = '<SCRIPT>function table(num){alert("ok")}</SCRIPT>\n';
  frames[0].document.write(
    '<HTML>\n' +
    '<HEAD>\n' + 
    '<TITLE>Table</TITLE>\n' +
    "<link rel='stylesheet' type='text/css' href='style.css' />" +
    '</HEAD>\n' +
    '<BODY>\n' +
    test2 +
    '<H1 ALIGN="CENTER">TABLE</H1>\n' + 
    '<TABLE BORDER=1 ALIGN=CENTER>\n'
  );

  // write the table
  var max; // num of rows in this particular table
  max = Math.min(startRow + maxRows, records.length);
  for (var r = startRow; r < max; r++) {
    frames[0].document.writeln("<TR>");
    var fields = records[r].split('|');
    for (var c = 0; c < maxCols; c++) {
      frames[0].document.writeln(
        "<TD>\n" +
        fields[c] + 
        "\n</TD>"
      );
    }
    frames[0].document.writeln("</TR>");
  }
  
  // create hmtml for links to prev and next tables
  var prevLink = '';
  if (startRow != 0) {
    prevLink = "<a href='javascript:parent.table(" + (startRow - maxRows) + ")'>Prev " + maxRows + "</a>"
  }
  var nextLink = '';
  startRow = startRow + maxRows;
  if (startRow + maxRows < records.length + maxRows) {
    nextLink = "<a href='javascript:parent.table(" + startRow + ")'>Next " + maxRows + "</a>"
  }
  
  // write the links
  frames[0].document.writeln(
    "</TR>\n" +
    "</TABLE>\n" +
    "<p align='center'>" + 
    prevLink + " &nbsp; " +
    nextLink + 
    "</p>\n" +
    "<p align='center'>Total Rows = " + (records.length + 1) + "</p>"
  );
  frames[0].document.close();

}
]]>
<![CDATA[//-->]]>

</script>

<frameset cols="100%,*" frameborder="0">
  <frame src="startup.html" name="shown" frameborder="0"></frame>
</frameset>


</html>
</xsl:template>
</xsl:stylesheet>
