Source for ex1.html

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<!--chtml include "//webinfo/incs/"-->

<html xmlns="">

	<title>Using Flyout Menus Simplified Example</title>
	<link href="/webinfo/webinfo.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript">
	    function mIn () { return true; }
	    function mOut () { return true; }
	    function makeLayer () { return true; }
	    function flyDefs () { return true; }
	    if (! document.flyout_disable &&
		    'undefined' != typeof document.getElementById)
		document.write ('<' + 'script src="/home/scripts/flyout.js" ' +
				    'type="text/javascript"><' + "/script>\n");
	    // ]]>
	<style type="text/css">
	    .barlink a, .navlink a  { text-decoration: none }
	    .barlink a { color: #fff; }
	    img { border: 0; }
	    ul#files img { border: 1px black solid; }

	<h1>Using Flyout Menus Simplified Example</h1>
	<!--chtml include "//webinfo/incs/"-->
	<p>This is a simplfied version of the example for Using Flyout
	<p>Note that webinfo.css is linked into this page so it has the
	    common look and feel of the webinfo site, but those styles do not
	    affect this example. In addition, the
	    <code>&lt;!--chtml--&gt;</code> statements can be safely ignored
	    on servers other than (where they are processed
	    to include the header and footer). The example will still work
	    without those included files.</p>
	<p class="navlink"><a onmouseover="mIn ('menu1')"
	    onmouseout="mOut ('menu1')"
	    src="/home/graphics/mo/noarrow.gif" id="menu1" height="11" width="6"
	    alt="" /></a></p>
	<p>You can view the relevant source code:</p>
	<ul id="files">
	    <li><a href="ex1_html-src.html">HTML source</a></li>
	    <li><a href="menu1_js-src.html">Menu JavaScript source</a> (link to
		this script <b>must</b> be near the very end of the HTML
	    <li><a href="/home/graphics/mo/noarrow.gif">Image with no arrow
		<img alt="noarrow" src="/home/graphics/mo/noarrow.gif"
		height="11" width="6" /></a></li>
	    <li><a href="/home/graphics/mo/arrow.gif">Image with
		arrow <img alt="arrow" src="/home/graphics/mo/arrow.gif"
		height="11" width="6" /></a></li>
	<!--chtml include "//webinfo/incs/"-->
	<script type="text/javascript" src="menu1.js"></script>