var showed_menu = false;
var main_menus = new Array();

function createSubMenu(content, css_class, x, y)
{
	if (!showed_menu)
	{
		showed_menu = true;
		
		var hideout = document.createElement("DIV");
		hideout.style.width = "100%";
		hideout.style.height = "100%";
		hideout.style.z_index = "98";
		hideout.style.position = "absolute";
		hideout.style.left = '0px';
		hideout.style.top = '0px';
		
		hideout = document.body.appendChild(hideout);
			
		var menu = document.createElement("UL");
		menu.id = 'new_submenu';
		menu.innerHTML = content;
		menu.className = css_class;
		menu.style.left = '780px';
		menu.style.top = (y-5)+'px';
		
		menu = document.body.appendChild(menu);
		
		hideout.onmouseover = function()
		{	
			showed_menu = false;
			document.body.removeChild(document.getElementById('new_submenu'));
			document.body.removeChild(this);
		}
	}
}

body_onload = function()
{
	var hEls = document.getElementById("menu").getElementsByTagName("LI");
	var j = 0;
    for (var i=0, len=hEls.length; i<len; i++)
	{
		var uls = hEls[i].getElementsByTagName("UL");
	  
		if (uls.length>0)
		{
			main_menus[j] = uls[0];
			main_menus[j].onmouseover = function()
			{
				this.style.display = 'block';
			}
			
			main_menus[j].onmouseout = function()
			{
				if (!showed_menu) this.style.display = 'none';
			}

			
			
			j++;
	  
			hEls[i].onmouseover=function()
			{
				this.getElementsByTagName("UL")[0].style.display = "block";
			}
			
			hEls[i].onmouseout=function()
			{
				if (!showed_menu) this.getElementsByTagName("UL")[0].style.display = "none";
			}
		}
    }
	
	
	var sub_menus = document.getElementById("menu").getElementsByTagName("DIV");
		for (var i=0, len=sub_menus.length; i<len; i++)
		{
		    if (sub_menus[i].id == 'menu2')
			{
				sub_menus[i].onmouseover = function(event)
				{
					evt = (event)?event:window.event;

					x = evt.clientX;
					y = evt.clientY;
					
					createSubMenu(this.getElementsByTagName("UL")[0].innerHTML, 'sub_menu_js', x, y);
				}
			}
		}
}