<xsl:stylesheet xmlns="http://www.w3.org/2002/06/xhtml2/" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:output method="xml" indent="yes"/>
	<xsl:template match="/*">
		<html>
			<head>
				<title>X-Smiles demos</title>
				<xsl:apply-templates select="script"/>
				<style type="text/css">
					body {padding-left:80px; font-family: sans-serif; font-size: 16pt;}
					div.left {display: block; width: 350px;}
					p.link {font-size: 10pt;margin-top: 3px; margin-bottom 0px; padding-left: 15px; padding-top: 0px; padding-bottom: 0px;font-weigh2t:bold; color:black;}
					nl.section {background-color: #ddddee; border-width:2px; border-style:solid; margin-bottom: 10px; margin-right: 50px; position: absolute; left: 100px; top: 430px; width:350px; height: 25px;}
					h1 {margin-top: 10px; margin-bottom: 5px;}
					label {margin-top: 0px;font-size: 18px;align: center;background-color:blue; color:white; margin-bottom: 3px; padding-left: 5px;}
					a {text-decoration: none; }
					xhtml2|nl:active { height: 350px; position: absolute; left: 150px;width: 400px; abackground-color:blue;}
					nl#XForms {top: 130px; }
					nl#Version {top: 160px;}
					nl#SMIL {top: 190px;}
					nl#Timesheets {top: 220px;}
					nl#XHTML {top: 250px;}
					nl#SIP {top: 280px;}
					nl#Extensions {top: 310px;}
					nl#XML Signature {top: 340px;}
					nl#X3D {top: 370px;}
					nl#SVG {top: 400px;}
				</style>

<script type="text/javascript">
function addapplet()
{
	var ns = "http://www.w3.org/1999/xhtml";
	//set div visible if running in non-xsmiles browser
	if (navigator.appName.indexOf("smiles")==-1)
	{
		var div=document.getElementById("appletdiv");
		var h2=document.createElementNS(ns,"h2");
		h2.appendChild(document.createTextNode("An applet showing this page in X-Smiles"));
		div.appendChild(h2);
		var applet=document.createElementNS(ns,"applet");
		applet.setAttribute("code","fi.hut.tml.xsmiles.gui.gui2.swing.XSmilesApplet");
		applet.setAttribute("width","800");
		applet.setAttribute("height","600");
		applet.setAttribute("codebase","http://sinex.tml.hut.fi/nightly/applet-swing");
		applet.setAttribute("archive","xsmiles-applet-swing.jar");
		var param=document.createElementNS(ns,"param");
		param.setAttribute("name","startpage");
		param.setAttribute("value","http://sinex.tml.hut.fi/nightly/demo/demos.xhtml");
		applet.appendChild(param);
		div.appendChild(applet);
	}
	
}
</script>

			</head>
			<body onload="addapplet()">
				<p>
					<img src="title.gif" alt="x-smiles"/>
				</p>
<div id="appletdiv"><!-- this element is set visible if running in non-xsmiles browser 
<h2>An applet showing this page in X-Smiles</h2><p> (does not work if Java Plugin is not installed)</p>
<applet code="fi.hut.tml.xsmiles.gui.gui2.swing.XSmilesApplet.class" width="800" height="600" 
archive="xsmiles-applet-swing.jar" codebase="http://sinex.tml.hut.fi/nightly/applet-swing">
	<param name="startpage" value="http://sinex.tml.hut.fi/nightly/demo/demos.xhtml"/>
</applet>
-->
</div>
<!--<div class="left">-->
<xsl:apply-templates select="section"/>
<!--/div-->
			</body>
		</html>
	</xsl:template>
	<xsl:template match="h1">
		<h1>
			<xsl:value-of select="."/>
		</h1>
	</xsl:template>
	<!-- *************** h2 *******************-->
	<xsl:template match="section">
	<nl class="section" id="{@name}">
		<label>
			<xsl:value-of select="@name"/>
			
		</label>

		<li>
			<xsl:apply-templates select="link|para|p"/>
		</li>
		</nl>
	</xsl:template>
	<!-- *************** link *******************-->
	<xsl:template match="link">
		<p class="link">
			<a href="{@href}" style="color:black;">
				<xsl:value-of select="@text"/>
			</a>
		</p>
	</xsl:template>
	<!-- *************** para|p *******************-->
	<xsl:template match="para|p">
		<p>
			<xsl:value-of select="."/>
		</p>
	</xsl:template>
	<!-- *************** br *******************-->
	<xsl:template match="br">
		<p/>
	</xsl:template>
	<!-- *************** input *******************-->
	<xsl:template match="img">
		<img src="{@src}" alt=""/>
	</xsl:template>
	<!-- **** verbatim *****-->
	<xsl:template match="verb">
		<pre>
			<xsl:value-of select="."/>
		</pre>
	</xsl:template>
</xsl:stylesheet>

