zug

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns="http://www.w3.org/1999/xhtml">
<xsl:output method="html" />
<xsl:template match="/">
<xsl:variable name="new">
<ul id="nav" >
	<xsl:for-each select="titles/category">
  			<xsl:variable name="categoryname">
								<xsl:value-of select="name"/></xsl:variable>
						
									<li><a href="#">
									<xsl:value-of select="name"/>
									</a>
											<ul>
													 <xsl:for-each select="sub">
													<xsl:variable name="subname1">
													<xsl:value-of select="subname" /></xsl:variable>
													<xsl:variable name="sublink">
													<xsl:value-of select="subname" />.html</xsl:variable>
													<li><a href="{$sublink}"><xsl:value-of select="$subname1"/></a></li>
													</xsl:for-each>
											</ul>
									</li>
		
	</xsl:for-each>
</ul>	
</xsl:variable>

<xsl:for-each select="titles/category/sub">
<xsl:variable name="subname">
<xsl:value-of select="subname"/>.html</xsl:variable>
<xsl:result-document href="{$subname}">
		<html xmlns="http://www.w3.org/1999/xhtml">
			<head>
					<title><xsl:value-of select="name"/></title>
					<style type="text/css">
//stylesheet 
</style>


<script language="JScript"><xsl:comment><xsl:text disable-output-escaping="yes">
 <![CDATA[

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

]]></xsl:text></xsl:comment></script>
</head>
<body>
	<img src="logo.bmp" alt="Logo" align="center" />
	<xsl:copy-of select="$new"/>
	<div class="test">
	<div class="search">


etc etc......