<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="../../../forms/xsltforms/xsltforms.xsl" type="text/xsl"?>
<?xsltforms-options debug="no"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://www.w3.org/1999/xhtml"
      xmlns:xf="http://www.w3.org/2002/xforms"
      xmlns:ev="http://www.w3.org/2001/xml-events"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema"
>
<head>
  <title>Computer Power</title>

  <style type="text/css">
    body { font-family: sans-serif; margin: 2em; width: 50em}

    .a {background-color: white; margin: 0 0.1em}
    .a, .h, .v, .hn, .vn {padding: 0; margin: 0; overflow: hidden}
    .a {width: 80%; height: 300px; font-size: 200%; font-weight: bold; 
    border: 0.1em black solid;}
    .v, .vn { height: 50%; width: 100%; font-size: 70%}
    .h, .hn { height: 100%;}
    .hn {float: left}
    .hn {width: 50%}
    .h {width: auto}
    .hn {border-right: 0.1em black solid; }
    .vn {border-bottom: 0.1em black solid;}
    .hn, .vn  {text-align: center}
  </style> 
  <model xmlns="http://www.w3.org/2002/xforms">
    <instance id="map">
      <data xmlns="">
	<year/><year1/><month/><height>8</height>
      </data>
    </instance>
    <bind nodeset="month" type="integer"/>
    <bind nodeset="year1" calculate="../year - if(../month &gt; 6,1,2)"/>
    <action ev:event="xforms-ready">
      <setvalue ref="year" value="substring-before(now(), '-')"/>
      <setvalue ref="month" value="substring-before(substring-after(now(), '-'), '-')"/>
    </action>
  </model>
</head>
<body>
  <p>
<!--<group xmlns="http://www.w3.org/2002/xforms">
      <output ref="month"/>
    </group> -->
    <div class="a">
      <div class="hn" >
	<xf:output ref="year"/>
      </div>
      <div class="h">
	<div class="vn">
	  <xf:output ref="year1"/>
	</div>
	<div class="v">
<!--	  <div class="hn">
	    <xf:output value="year - 3"/>
	  </div>
	  <div class="h">
	    <div class="vn">
	      <xf:output value="year1 - 3"/>
	    </div>
	    <div class="v">
	      <div class="hn">
		<xf:output value="year - 6"/>
	      </div>
	      <div class="h">
		<div class="vn">
		  <xf:output value="year1 - 6"/>
		</div>
		<div class="v">
		  <div class="hn">
		    <xf:output value="year - 9"/>
		  </div>
		  <div class="h">
		    <div class="vn">
		      <xf:output value="year1 - 9"/>
		    </div>
		    <div class="v">
		      <div class="hn">
		      <xf:output value="year - 12"/></div>
		      <div class="h">
			<div class="vn">
			<xf:output value="year1 - 12"/></div>
			<div class="v">
			  <div class="hn">
			  <xf:output value="year - 15"/></div>
			  <div class="h">
			    <div class="vn">
			    <xf:output value="year1 - 15"/></div>
			    <div class="v">
			      <div class="hn">
			      <xf:output value="year - 18"/></div>
			      <div class="h">
				<div class="vn">
				<xf:output value="year1 - 18"/></div>
				<div class="v"></div>
			      </div>
			    </div>
			  </div>
			</div>
		      </div>
		    </div>
		  </div>
		</div>
	      </div>
	    </div>
	  </div>  -->
	</div>
      </div>
    </div>
  </p>
</body>
</html>
