<?xml version="1.0" encoding="UTF-8"?>
<!-- $Id: lil2html.xsl 488 2007-04-26 02:13:58Z dret $ -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:html="http://www.w3.org/1999/xhtml">
	<xsl:output media-type="xml" indent="yes"/>
	<xsl:template match="/">
		<html>
			<head>
				<title>LIL2HTML</title>
				<link rel="stylesheet" type="text/css" href="http://developer.yahoo.com/yui/build/reset/reset.css"/>
				<link rel="stylesheet" type="text/css" href="http://developer.yahoo.com/yui/build/fonts/fonts.css"/>
				<link rel="stylesheet" type="text/css" href="http://developer.yahoo.com/yui/build/menu/assets/menu.css"/>
        <style type="text/css">
            h1 { font-weight:bold; }            
            div.yuimenu { position:absolute ; visibility:hidden ; }
            p#clicknote { margin-top:1em ; }
            p#clicknote em { font-weight:bold ; }
        </style>
				<script type="text/javascript" src="http://developer.yahoo.com/yui/build/yahoo/yahoo.js"/>
				<script type="text/javascript" src="http://developer.yahoo.com/yui/build/event/event.js"/>
				<script type="text/javascript" src="http://developer.yahoo.com/yui/build/dom/dom.js"/>
				<script type="text/javascript" src="http://developer.yahoo.com/yui/build/container/container_core.js"/>
				<script type="text/javascript" src="http://developer.yahoo.com/yui/build/menu/menu.js"/>
				<script type="text/javascript">
            YAHOO.example.onMenuReady = function() {
                // Instantiate and render the menu bar and corresponding submenus
                var oMenu = new YAHOO.widget.Menu("link", { fixedcenter:true, visible:true });
                oMenu.showEvent.subscribe(function() {
                    this.focus();
                });
                oMenu.render();
                YAHOO.util.Event.addListener("menutoggle", "click", oMenu.show, null, oMenu);
            };
            // Initialize and render the menu bar when it is available
            YAHOO.util.Event.onContentReady("link", YAHOO.example.onMenuReady);
        </script>
			</head>
			<body>
				<button id="menutoggle" style="margin : 2em ; ">Show Menu</button>
				<xsl:for-each select="/links/link[1]">
					<div id="link" class="yuimenu">
						<div class="bd">
							<ul class="first-of-type">
								<xsl:for-each select="first">
									<li class="yuimenuitem">
										<xsl:value-of select="@title"/>
										<div class="yuimenu">
											<div class="bd">
												<ul class="first-of-type">
													<xsl:for-each select="second">
														<li class="yuimenuitem">
															<xsl:choose>
																<xsl:when test="@href">
																	<a href="{@href}" title="{@href}">
																		<xsl:choose>
																			<xsl:when test="@title">
																				<xsl:value-of select="@title"/>
																			</xsl:when>
																			<xsl:otherwise>
																				<xsl:value-of select="@href"/>
																			</xsl:otherwise>
																		</xsl:choose>
																	</a>
																</xsl:when>
																<xsl:otherwise>
																	<span title="Embedded Resource">
																		<xsl:value-of select="string(node())"/>
																	</span>
																</xsl:otherwise>
															</xsl:choose>
														</li>
													</xsl:for-each>
												</ul>
											</div>
										</div>
									</li>
								</xsl:for-each>
							</ul>
						</div>
					</div>
				</xsl:for-each>
			</body>
		</html>
	</xsl:template>
</xsl:stylesheet>