<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>Example 7-3, filemenu.html: The basic structure for a file menu</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="author" content="Anthony T. Holdener, III (ath3)" />
		<meta http-equiv="imagetoolbar" content="no" />
		<style type="text/css">
			body {
				background-color: #fff;
				color: #000;
				font: 1em Georgia, serif;
				font-size: 12px;
				margin: 0;
				padding: 0;
			}
		</style>
		<link rel="stylesheet" type="text/css" media="screen" href="filemenu.css" />
		<!-- The Prototype library must be the first script to load, since it is used by the other scripts to be loaded -->
		<script type="text/javascript" src="prototype.js"> </script>
		<script type="text/javascript" src="browser.js"> </script>
		<script type="text/javascript" src="filemenu.js"> </script>
	</head>
	<body>
		<div id="bodyContent">
			<div id="fileMenu">
				<ul id="navMenu" class="fileMenuBar">
					<li>
						<a href="file/" class="fileMenuButton" accesskey="F" hreflang="en" tabindex="1" onclick="return menu.buttonClick(event, 'fileSub');" onmouseover="menu.buttonMouseover(event, 'fileSub');">File</a>
						<ul id="fileSub" class="fileMenuChild" onmouseover="menu.fileMenuMouseover(event)">
							<li>
								<a href="file/open/" class="fileMenuItem" hreflang="en" tabindex="2" onmouseover="menu.fileMenuItemMouseover(event);">Open</a>
							</li>
							<li><div class="fileMenuItemSep"></div></li>
							<li>
								<a href="file/save/" class="fileMenuItem" hreflang="en" tabindex="3" onmouseover="menu.fileMenuItemMouseover(event);">Save</a>
							</li><li>
								<a href="file/saveall/" class="fileMenuItem" hreflang="en" tabindex="4" onmouseover="menu.fileMenuItemMouseover(event);">Save All</a>
							</li>
							<li><div class="fileMenuItemSep"></div></li>
							<li>
								<a href="file/export/" class="fileMenuItem" hreflang="en" tabindex="5" onclick="return false;" onmouseover="menu.fileMenuItemMouseover(event, 'exportSubSub');"><span class="fileMenuItemText">Export</span><span class="fileMenuItemArrow">▶</span></a>
								<ul id="exportSubSub" class="fileMenuChild">
									<li>
										<a href="file/export/text/" class="fileMenuItem" hreflang="en" tabindex="6" onmouseover="menu.fileMenuItemMouseover(event);">Export as Text</a>
									</li><li>
										<a href="file/export/html/" class="fileMenuItem" hreflang="en" tabindex="7" onmouseover="menu.fileMenuItemMouseover(event);">Export as HTML</a>
									</li>
								</ul>
							</li>
							<li><div class="fileMenuItemSep"></div></li>
							<li>
								<a href="http://www.google.com/" class="fileMenuItem" hreflang="en" tabindex="8" onmouseover="menu.fileMenuItemMouseover(event);">Exit</a>
							</li>
						</ul>
					</li><li>
						<a href="edit/" class="fileMenuButton" accesskey="E" hreflang="en" tabindex="9" onclick="return menu.buttonClick(event, 'editSub');" onmouseover="menu.buttonMouseover(event, 'editSub');">Edit</a>
						<ul id="editSub" class="fileMenuChild" onmouseover="menu.fileMenuMouseover(event)">
							<li>
								<a href="edit/copy/" class="fileMenuItem" hreflang="en" tabindex="10" onmouseover="menu.fileMenuItemMouseover(event);">Copy</a>
							</li><li>
								<a href="edit/cut/" class="fileMenuItem" hreflang="en" tabindex="11" onmouseover="menu.fileMenuItemMouseover(event);">Cut</a>
							</li><li>
								<a href="edit/paste/" class="fileMenuItem" hreflang="en" tabindex="12" onmouseover="menu.fileMenuItemMouseover(event);">Paste</a>
							</li>
						</ul>
					</li><li>
						<a href="find/" class="fileMenuButton" accesskey="N" hreflang="en" tabindex="13">Find</a>
					</li>
				</ul>
			</div>
			<h1>This is a File Menu example</h1>
		</div>
	</body>
</html>