<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
	<html>
		<head>
			<title>Menu Administration</title>
			<link rel="stylesheet" type="text/css" href="/Styles/xmlmenu.css"/>
			<script type="text/javascript" src="/Scripts/xmlMenu.js"></script> 
		</head>
		<xsl:apply-templates/>
	</html>
</xsl:template>

<xsl:template match="Menu">
<xsl:for-each select="Level0">
	<div style="cursor: hand;">
	 <xsl:attribute name="onclick">changeView('id<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuName"></xsl:value-of>')</xsl:attribute>
	<img src="/Images/Trees/a.gif"> </img>
	  <xsl:value-of select="MnuName"></xsl:value-of>
	</div>
		
		<div style="display:none;cursor: hand;">    <!-- Level2 start -->
			<xsl:attribute name="id">id<xsl:value-of select="MnuId"></xsl:value-of></xsl:attribute>
				<xsl:for-each select="Level1">
					<div>  
						<xsl:attribute name="onclick">changeView('id<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuName"></xsl:value-of>')</xsl:attribute>
						<img src="/Images/Trees/dot.gif" width="30" height="10"> </img>
						<img src="/Images/Trees/b.gif"> </img>
						<xsl:value-of select="MnuName"></xsl:value-of>
					</div>
						<div style="display:none;cursor: hand;">    <!-- Level3 start -->
								<xsl:attribute name="id">id<xsl:value-of select="MnuId"></xsl:value-of></xsl:attribute>
								<xsl:for-each select="Level2">
									<div>
										<xsl:attribute name="onclick">changeView('id<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuName"></xsl:value-of>')</xsl:attribute>
										<img src="/Images/Trees/dot.gif" width="60" height="10"> </img>
										<img src="/Images/Trees/b.gif"> </img>
										<xsl:value-of select="MnuName"></xsl:value-of>
									</div>
									 
									<div style="display:none;left:100">    <!-- Level4 start -->
									<xsl:attribute name="id">id<xsl:value-of select="MnuId"></xsl:value-of></xsl:attribute>
									<xsl:for-each select="Level3">
										<div>
										<xsl:attribute name="onclick">changeView('id<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuName"></xsl:value-of>')</xsl:attribute>
											<img src="/Images/Trees/dot.gif" width="90" height="10"> </img>
											<img src="/Images/Trees/b.gif"> </img>
											<xsl:value-of select="MnuName"></xsl:value-of>
										</div>
									 
										<div style="display:none;left:150">    <!-- Level5 start -->
											<xsl:attribute name="id">id<xsl:value-of select="MnuId"></xsl:value-of></xsl:attribute>
											<xsl:for-each select="Level4">
												<div>
												<xsl:attribute name="onclick">changeValue('<xsl:value-of select="MnuId"></xsl:value-of>','<xsl:value-of select="MnuName"></xsl:value-of>')</xsl:attribute>
													<img src="/Images/Trees/dot.gif" width="120" height="10"> </img>
													<img src="/Images/Trees/b.gif"> </img>
													<xsl:value-of select="MnuName"></xsl:value-of>
												</div>
									 		</xsl:for-each> 
										 </div>	  <!-- Level5 End -->
									  </xsl:for-each> 
								    </div>	  <!-- Level4 End -->
								</xsl:for-each> 
						 </div>	 <!-- Level3 End -->
				</xsl:for-each>
		 </div>		<!-- Level2 End -->
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>
