<?xml version='1.0' encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="sortBy" select="'fornavn'" />
<xsl:template match="/">
  <HTML>
  <HEAD>
  <STYLE>
    BODY {margin:0; background-color="ivory"}
      H1 {font:bold 14pt Verdana; width:100%; margin-top:1em; margin-left:10; color:"#8b0000"}
      H4 {font:bold 10pt Verdana; width:100%; margin-left:10; color:"#8b0000"}
      TD {border-width="3"}
  </STYLE>
  </HEAD>
  
  <!-- Sort Function -->
  <SCRIPT>
    <xsl:comment><![CDATA[
      function sort(field) {
       	sortBy = field;
       	alert(sortBy);
        listing.innerHTML = source.documentElement.transformNode(stylesheet);
      }
    ]]></xsl:comment>
  </SCRIPT>
  
  <!-- Window OnLoad Function -->
  <SCRIPT for="window" event="onload">
    <xsl:comment><![CDATA[
      stylesheet = document.XSLDocument;
      source = document.XMLDocument;
    ]]></xsl:comment>
  </SCRIPT>
  
  <!-- Start of HTML Body -->
  <BODY>
    <H1 ALIGN="CENTER">Klasseliste</H1>
    <H4 ALIGN="CENTER">Klikk på Fornavn eller Etternavn for alfabetisk sortering</H4>
    <DIV id="listing">
      <xsl:apply-templates select="klasse"/>
    </DIV>
  </BODY>
  <!-- End of HTML Body -->
  </HTML>
</xsl:template>

<!-- Start of Templates -->
<xsl:template match="klasse">
  <DIV ALIGN="CENTER">
  <TABLE border="3" borderColor="white" cellPadding="2" cellSpacing="1" valign="TOP" margin-left="10">
    
    <TR bgColor="#cccccc" borderColorDark="#fcfcfc" borderColorLight="#999999">
      <TD width="150">
        <DIV ALIGN="CENTER" onClick="sort('fornavn')"><B>Fornavn</B></DIV>
      </TD>
      <TD width="150">
        <DIV ALIGN="CENTER" onClick="sort('etternavn')"><B>
          <xsl:value-of select="{$sortBy}"  />        
        </B></DIV>
      </TD>
    </TR>

    <!-- <xsl:for-each select="elev" order-by="etternavn">  -->
    <xsl:for-each select="elev">
    <!-- <xsl:sort select="[@*name()=$sortBy]"  /> -->
    <TR bgColor="#f0f0f0" borderColorDark="#fcfcfc" borderColorLight="#cccccc">
      <TD>
        <DIV>
          <xsl:value-of select="fornavn"/>
        </DIV>
      </TD>
      <TD>
        <DIV class="row">
          <xsl:value-of select="etternavn"/>
        </DIV>
      </TD>
    </TR>
    </xsl:for-each>

  </TABLE>
  </DIV>
</xsl:template>

</xsl:stylesheet>

