/* Função para controle dos menus
autor: Tadeu Rodrigues Arias 

chrome, firefox, safari, Internet Explorer, opera
*/

/* variaveis de configuração */
largura = 150;
altura = 30;

menus = document.getElementById('set_menu').getElementsByTagName('div');

/* configurar linha menu principal */
for (i=0;i<menus.length;i++) {
	if (menus[i].id == "item") {
		menus[i].onmouseover = function() {
			this.getElementsByTagName('span')[0].style.visibility = "visible";
		}
		menus[i].onmouseout = function() {
			this.getElementsByTagName('span')[0].style.visibility = "hidden";
		}	
	}
}

/* configura o subitens e menus em cascata */
for (i=0;i<menus.length;i++) {
	if (menus[i].id == "subitem") {
		menus[i].onmouseover = function() {
			this.getElementsByTagName('span')[0].style.marginLeft = largura+'px';
			this.getElementsByTagName('span')[0].style.marginTop = (altura * -1)+'px';
			this.getElementsByTagName('span')[0].style.visibility = "visible";
		}
		menus[i].onmouseout = function() {
			this.getElementsByTagName('a')[0].style.backgroundColor = document.getElementById('submenu').style.backgroundColor;
			this.getElementsByTagName('span')[0].style.visibility = "hidden";
		}	
	}
}