<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Menu Test Suite</title>

	<script src="../../../external/requirejs/require.js"></script>
	<script src="../../lib/css.js" data-modules="core menu"></script>
	<script src="../../lib/bootstrap.js" data-widget="menu"></script>
	<style>
	.ui-menu {
		font-size: 15px;
		line-height: 15px;
	}
	.ui-menu .ui-menu-item-wrapper {
		padding: 0;
	}
	#menu3 {
		height: 250px;
		overflow: auto;
	}
	#menu4, #menu4 ul {
		height: 250px;
		overflow: auto;
	}
	</style>
</head>
<body>

<div id="qunit">jQuery UI Menu Test Suite</div>
<div id="qunit-fixture">

<ul class="foo" id="menu1">
	<li class="foo"><div>Aberdeen</div>
	<li class="foo"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div id="testID1">Addyston</div></li>
	<li class="foo"><div>Adelphi</div></li>
</ul>

<ul id="menu2">
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo">
		<div><span class="ui-icon ui-icon-print"></span>Addyston</div>
	</li>
	<li>
		<div>Delphi</div>
		<ul>
			<li class="foo"><div>Ada</div></li>
			<li class="foo"><div>Saarland</div></li>
			<li class="foo"><div>Salzburg</div></li>
		</ul>
	</li>
	<li class="foo"><div> Saarland</div></li>
	<li>
		<div>Salzburg</div>
		<ul>
			<li>
				<div>Delphi</div>
				<ul>
					<li class="foo"><div>Ada</div></li>
					<li class="foo"><div>Saarland</div></li>
					<li class="foo"><div>Salzburg</div></li>
				</ul>
			</li>
			<li>
				<div>Delphi</div>
				<ul>
					<li class="foo"><div>Ada</div></li>
					<li> - </li>
					<li class="foo"><div>Saarland</div></li>
					<li></li>
					<li class="foo"><div>Salzburg</div></li>
					<li>&ndash;</li>
				</ul>
			</li>
			<li class="foo"><div>Perch</div></li>
		</ul>
	</li>
</ul>

<ul class="foo" id="menu3">
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li class="foo"><div>Adelphi</div></li>
	<li class="foo"><div>Adena</div></li>
	<li class="foo"><div>Adrian</div></li>
	<li class="foo"><div>Akron</div></li>
	<li class="foo"><div>Albany</div></li>
	<li class="foo"><div>Alexandria</div></li>
	<li class="foo"><div>Alger</div></li>
	<li class="foo"><div>Alledonia</div></li>
	<li class="foo"><div>Alliance</div></li>
	<li class="foo"><div>Alpha</div></li>
	<li class="foo"><div>Alvada</div></li>
	<li class="foo"><div>Alvordton</div></li>
	<li class="foo"><div>Amanda</div></li>
	<li class="foo"><div>Amelia</div></li>
	<li class="foo"><div>Amesville</div></li>
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li class="foo"><div>Adelphi</div></li>
	<li class="foo"><div>Adena</div></li>
	<li class="foo"><div>Adrian</div></li>
	<li class="foo"><div>Akron</div></li>
	<li class="foo"><div>Albany</div></li>
	<li class="foo"><div>Alexandria</div></li>
	<li class="foo"><div>Alger</div></li>
	<li class="foo"><div>Alledonia</div></li>
	<li class="foo"><div>Alliance</div></li>
	<li class="foo"><div>Alpha</div></li>
	<li class="foo"><div>Alvada</div></li>
	<li class="foo"><div>Alvordton</div></li>
	<li class="foo"><div>Amanda</div></li>
	<li class="foo"><div>Amelia</div></li>
	<li class="foo"><div>Amesville</div></li>
</ul>

<ul class="foo" id="menu4">
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo">
		<div>Ada</div>
		<ul class="foo">
			<li class="foo"><div>Aberdeen</div></li>
			<li class="foo"><div>Ada</div></li>
			<li class="foo"><div>Adamsville</div></li>
			<li class="foo"><div>Addyston</div></li>
			<li class="foo"><div>Adelphi</div></li>
			<li class="foo"><div>Adena</div></li>
			<li class="foo"><div>Adrian</div></li>
			<li class="foo"><div>Akron</div></li>
			<li class="foo"><div>Albany</div></li>
			<li class="foo"><div>Alexandria</div></li>
			<li class="foo"><div>Alger</div></li>
			<li class="foo"><div>Alledonia</div></li>
			<li class="foo"><div>Alliance</div></li>
			<li class="foo"><div>Alpha</div></li>
			<li class="foo"><div>Alvada</div></li>
			<li class="foo"><div>Alvordton</div></li>
			<li class="foo"><div>Amanda</div></li>
			<li class="foo"><div>Amelia</div></li>
			<li class="foo"><div>Amesville</div></li>
			<li class="foo"><div>Aberdeen</div></li>
			<li class="foo"><div>Ada</div></li>
			<li class="foo"><div>Adamsville</div></li>
			<li class="foo"><div>Addyston</div></li>
			<li class="foo"><div>Adelphi</div></li>
			<li class="foo"><div>Adena</div></li>
			<li class="foo"><div>Adrian</div></li>
			<li class="foo"><div>Akron</div></li>
			<li class="foo"><div>Albany</div></li>
		</ul>
	</li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li class="foo"><div>Adelphi</div></li>
	<li class="foo"><div>Adena</div></li>
	<li class="foo"><div>Adrian</div></li>
	<li class="foo"><div>Akron</div></li>
	<li class="foo"><div>Albany</div></li>
	<li class="foo"><div>Alexandria</div></li>
	<li class="foo"><div>Alger</div></li>
	<li class="foo"><div>Alledonia</div></li>
	<li class="foo"><div>Alliance</div></li>
	<li class="foo"><div>Alpha</div></li>
	<li class="foo"><div>Alvada</div></li>
	<li class="foo"><div>Alvordton</div></li>
	<li class="foo"><div>Amanda</div></li>
	<li class="foo"><div>Amelia</div></li>
	<li class="foo"><div>Amesville</div></li>
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li class="foo"><div>Adelphi</div></li>
	<li class="foo"><div>Adena</div></li>
	<li class="foo"><div>Adrian</div></li>
	<li class="foo"><div>Akron</div></li>
	<li class="foo"><div>Albany</div></li>
	<li class="foo"><div>Alexandria</div></li>
	<li class="foo"><div>Alger</div></li>
	<li class="foo"><div>Alledonia</div></li>
	<li class="foo"><div>Alliance</div></li>
	<li class="foo"><div>Alpha</div></li>
	<li class="foo"><div>Alvada</div></li>
	<li class="foo"><div>Alvordton</div></li>
	<li class="foo"><div>Amanda</div></li>
	<li class="foo"><div>Amelia</div></li>
	<li class="foo"><div>Amesville</div></li>
</ul>

<div id="menu5">
	<blockquote><div>Aberdeen</div></blockquote>
	<blockquote><div>Ada</div></blockquote>
	<blockquote><div>Adamsville</div></blockquote>
	<blockquote><div>Addyston</div></blockquote>
	<blockquote>
		<div>Delphi</div>
		<div class="menu">
			<blockquote><div>Ada</div></blockquote>
			<blockquote><div>Saarland</div></blockquote>
			<blockquote><div>Salzburg</div></blockquote>
		</div>
	</blockquote>
	<blockquote><div>Saarland</div></blockquote>
	<blockquote>
		<div>Salzburg</div>
		<div class="menu">
			<blockquote>
				<div>Delphi</div>
				<div class="menu">
					<blockquote><div>Ada</div></blockquote>
					<blockquote id="testID2">Saarland</blockquote>
					<blockquote><div>Salzburg</div></blockquote>
				</div>
			</blockquote>
			<blockquote>
				<div>Delphi</div>
				<div class="menu">
					<blockquote><div>Ada</div></blockquote>
					<blockquote><div>Saarland</div></blockquote>
					<blockquote><div>Salzburg</div></blockquote>
				</div>
			</blockquote>
			<blockquote><div>Perch</div></blockquote>
		</div>
	</blockquote>
</div>

<ul id="menu6">
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo ui-state-disabled"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li id="testID3" class="ui-state-disabled">
		<div>Delphi</div>
		<ul>
			<li class="foo"><div>Ada</div></li>
			<li class="foo"><div>Saarland</div></li>
			<li class="foo"><div>Salzburg</div></li>
		</ul>
	</li>
	<li class="foo"><div>Saarland</div></li>
</ul>

<ul id="menu7">
	<li class="ui-menu-group">
		<div><strong>Group 1</strong></div>
	</li>
	<li><div>Aberdeen</div></li>
	<li><div>Ada</div></li>
	<li><div>Adamsville</div></li>
	<li><div>Addyston</div></li>
	<li></li>
	<li class="ui-menu-group">
		<div><strong>Group 2</strong></div>
	</li>
	<li>
		<div>Delphi</div>
		<ul>
			<li><div>Ada</div></li>
			<li><div>Saarland</div></li>
			<li><div>Salzburg</div></li>
		</ul>
	</li>
	<li><div>Saarland</div></li>
	<li>---</li>
	<li class="ui-menu-group">
		<div><strong>Group 3</strong></div>
	</li>
	<li>
		<div>Salzburg</div>
		<ul>
			<li>
				<div>Delphi</div>
				<ul>
					<li><div>Ada</div></li>
					<li> - </li>
					<li><div>Saarland</div></li>
					<li>&mdash;</li>
					<li><div>Salzburg</div></li>
					<li>&ndash;</li>
				</ul>
			</li>
			<li>
				<div>Delphi</div>
				<ul>
					<li><div>Ada</div></li>
					<li><div>Saarland</div></li>
					<li><div>Salzburg</div></li>
				</ul>
			</li>
			<li><div>Perch</div></li>
		</ul>
	</li>
	<li><div>Amesville</div></li>
</ul>

<ul id="menu8">
	<li class="foo"><div>Aberdeen</div></li>
	<li class="foo ui-state-disabled"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li class="foo">-</li>
	<li class="foo"><div>-Saarland</div></li>
</ul>

<ul class="foo" id="menu9">
	<li class="foo">
		<div>Aberdeen</div>
		<ul>
			<li class="foo"><div>Ada</div></li>
		</ul>
	</li>
	<li class="foo"><div>Ada</div></li>
	<li class="foo"><div>Adamsville</div></li>
	<li class="foo"><div>Addyston</div></li>
	<li class="foo"><div>Adelphi</div></li>
</ul>
</div>
</body>
</html>