var navigationHTML = '<iframe id="menuLayer" style="display:none" frameborder="0" scrolling="no">testing</iframe> <ul id="menu"> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="index.html">Home</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a>About Us</a> \
<ul> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="About Us.html" target="_top">About LAMA</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="Our colors.html" target="_top">Our Colors</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="by_laws.pdf" target="_top">By Laws</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="chapters.html" target="_top">LAMA Chapters</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="contact.html" target="_top">Contact Us</a> </li> \
</ul> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a>Our Members</a> \
<ul> <li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="officers.html" target="_top">Officers</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="members.html" target="_top">Members</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="probates.html" target="_top">Probates</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="prospects.html" target="_top">Prospects</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="associates.html" target="_top">Associates</a> </li></ul> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a>Gallery</a> \
<ul> <li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="http://albums.phanfare.com/lamatampa" target="_blank">Gallery</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="videos.html" target="_top">Videos</a> </li></ul> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="http://blog.lamatampa.com" target="_blank">Latest News</a> </li> \
<li onmouseover="showChildMenu(this);" onmouseout="hideChildMenu(this);"> <a href="http://forum.lamatampa.com" target="_blank">Forum</a> </li> </ul>';

function showChildMenu(oParent)
{
	if (oParent.getElementsByTagName("ul").length > 0)
	{
		var ulMenu = oParent.getElementsByTagName("ul")[0];
		var menuFrame = document.getElementById("menuLayer");

		ulMenu.style.display='block';

		menuFrame.style.top = ulMenu.offsetTop;
		menuFrame.style.left = oParent.offsetLeft;
		menuFrame.style.width = ulMenu.offsetWidth;
		menuFrame.style.height = ulMenu.offsetHeight;
		menuFrame.style.display = 'block';
		menuFrame.style.zIndex = oParent.style.zIndex - 1;
	}
}

function hideChildMenu(oParent)
{

	var menuFrame = document.getElementById("menuLayer");

	if (oParent.getElementsByTagName("ul").length != 0)
	{
		oParent.getElementsByTagName("ul")[0].style.display='none';
		menuFrame.style.display = 'none';
	}
}

function displayMenu()
{
	
	document.getElementById("navigation").innerHTML = navigationHTML;
}

window.onload = displayMenu;