/menuleak.html

## menuleak.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> test ajax </title>

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.0.0b1/build/cssreset/reset-min.css&3.0.0b1/build/cssfonts/fonts-min.css&3.0.0b1/build/cssgrids/grids-min.css&3.0.0b1/build/cssbase/base-min.css">
<link rel="stylesheet" type="text/css" href="assets/node-menunav-examples-base.css">

<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0b1/build/yui/yui.js"></script>
<script language="JavaScript" type="text/javascript">

		YUI({combine: true, timeout: 10000}).use("node-menunav", function(Y) {

		     YUI.Instance = function () {
		     	return Y;
		     }

		});

		function Del()
		{
			YUI.Instance().Node.get("#productsandservices").unplug("menuNav");
			var obj = YUI.Instance().Node.get("#productsandservices").remove();
			delete obj;
		}
		function Add()
		{
		  	var tag = document.getElementById("menu");

			var test= "";

				test += "<div id=\"productsandservices\" class=\"yui-menu yui-menu-horizontal yui-menubuttonnav\">";
				test += "			<div class=\"yui-menu-content\">";
				test += "				<ul class=\"first-of-type\">";
				test += "					<li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Home</a></li>";
				test += "					<li>";
				test += "						<a class=\"yui-menu-label\" href=\"#connect\" id=\"submenu\"><em>Connect</em></a>";
				test += "						<div id=\"connect\" class=\"yui-menu\">";
				test += "							<div class=\"yui-menu-content\">";
				test += "								<ul>";
				test += "									<li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Developer Network</a></li>";
				test += "									<li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Flickr</a></li>";
				test += "									<li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Jumpcut</a></li>";
				test += "								</ul>";
				test += "							</div>";
				test += "						</div>";
				test += "					</li>";
				test += "				</ul>";
				test += "			</div>";
				test += "			</div>";

			tag.innerHTML = test;
			var test1 = YUI.Instance();
			document.getElementById("submenu").href = "#connect"
			var menu = YUI.Instance().Node.get("#productsandservices");
			menu.plug(YUI.Instance().Plugin.NodeMenuNav, { autoSubmenuDisplay: false, mouseOutHideDelay: 0 });
			var test2 = YUI.Instance();
			var test3 = YUI.Instance();
		}

		function StartTimer()
		{
			setInterval ( "Timer()", 5000 );
		}

		function Timer()
		{
			if(YUI.Instance().Node.get("#productsandservices"))
			{
				Del();
			}
			else
			{
				Add();
			}
		}


</script>
</head>
<body class="yui-skin-sam">

	<a href="#" onClick="Add()">Add</a>
	<a href="#" onClick="Del()">Delete</a>

	<a href="#" onClick="StartTimer()">Timer</a>

	<div id="menu" style="display:block;">


	</div>


</body>
</html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
	<html>
	<head>
	<title> test ajax </title>

	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.0.0b1/build/cssreset/reset-min.css&3.0.0b1/build/cssfonts/fonts-min.css&3.0.0b1/build/cssgrids/grids-min.css&3.0.0b1/build/cssbase/base-min.css">
	<link rel="stylesheet" type="text/css" href="assets/node-menunav-examples-base.css">

	<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0b1/build/yui/yui.js"></script>
	<script language="JavaScript" type="text/javascript">

	YUI({combine: true, timeout: 10000}).use("node-menunav", function(Y) {

	YUI.Instance = function () {
	return Y;
	}

	});

	function Del()
	{
	YUI.Instance().Node.get("#productsandservices").unplug("menuNav");
	var obj = YUI.Instance().Node.get("#productsandservices").remove();
	delete obj;
	}
	function Add()
	{
	var tag = document.getElementById("menu");

	var test= "";

	test += "<div id=\"productsandservices\" class=\"yui-menu yui-menu-horizontal yui-menubuttonnav\">";
	test += " <div class=\"yui-menu-content\">";
	test += " <ul class=\"first-of-type\">";
	test += " <li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Home</a></li>";
	test += " <li>";
	test += " <a class=\"yui-menu-label\" href=\"#connect\" id=\"submenu\"><em>Connect</em></a>";
	test += " <div id=\"connect\" class=\"yui-menu\">";
	test += " <div class=\"yui-menu-content\">";
	test += " <ul>";
	test += " <li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Developer Network</a></li>";
	test += " <li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Flickr</a></li>";
	test += " <li class=\"yui-menuitem\"><a class=\"yui-menuitem-content\">Jumpcut</a></li>";
	test += " </ul>";
	test += " </div>";
	test += " </div>";
	test += " </li>";
	test += " </ul>";
	test += " </div>";
	test += " </div>";

	tag.innerHTML = test;
	var test1 = YUI.Instance();
	document.getElementById("submenu").href = "#connect"
	var menu = YUI.Instance().Node.get("#productsandservices");
	menu.plug(YUI.Instance().Plugin.NodeMenuNav, { autoSubmenuDisplay: false, mouseOutHideDelay: 0 });
	var test2 = YUI.Instance();
	var test3 = YUI.Instance();
	}

	function StartTimer()
	{
	setInterval ( "Timer()", 5000 );
	}

	function Timer()
	{
	if(YUI.Instance().Node.get("#productsandservices"))
	{
	Del();
	}
	else
	{
	Add();
	}
	}


	</script>
	</head>
	<body class="yui-skin-sam">

	<a href="#" onClick="Add()">Add</a>
	<a href="#" onClick="Del()">Delete</a>

	<a href="#" onClick="StartTimer()">Timer</a>

	<div id="menu" style="display:block;">


	</div>


	</body>
	</html>