// rotinas do menu popup

var menu_timeouts = new Array()

//Mostra o submenu (items das categorias) no mouseover
function menu_over(n)
{
	if (typeof(menu_timeouts[n]) != "undefined")
	{
		clearTimeout(menu_timeouts[n]);
	}
	
	document.getElementById("sub" + n).style.visibility = "visible";
}

//Esconde o submenu (items das categorias) no mouseout
function menu_out(n)
{
	menu_timeouts[n] = setTimeout('document.getElementById("sub' + n + '").style.visibility = "hidden"', 100);
}

// ===============================================================================================


/* estrutura do menu

	<div class="itemmenu" onmouseover="menu_over(1)" onmouseout="menu_out(1)">
	  <a href="javascript:void(0);">#Categoria</a>
		  <div class="submenu" id="sub1">
			<a href="#link">#Item</a><br>
			<a href="#link">#Item</a>
		  </div>
	</div>
*/


var catIndex = 1;
var mudou    = false;

var meio = ''; // meio contém o html gerado com o menu

function addCategoria(nome)
{	
	if (mudou == true)
	{
		meio += '     </div>\n';
		meio += '   </div>\n';
	}
	
	meio += '		<div class="itemmenu" onmouseover="menu_over(' + catIndex + ')" onmouseout="menu_out(' + catIndex + ')">\n';
	meio += '		  <a href="javascript:void(0);">' + nome + '</a><br />\n';
	meio += '		  	<div class="submenu" id="sub' + catIndex + '">';

	mudou = true;
		
	catIndex++;
}

function addItem(nome, link)
{
	meio += '<a href="' + link + '">' + nome + '</a>';
}

function criarMenu()
{
	document.getElementById('menupop').innerHTML = meio;
	
	//window.open().document.write(meio);
	//alert(inicio + meio);
}