// Define as variaveis que vão ser usadas posteriormente
// pelas funções e necessitam ser declaradas
var	$HideTime;
var	$Layers = new Array();

// Esconde todos os submenus antes de abrir o do
// botao corrente
function HideAllLayers($LayerAtual) {

	//Define todas as layers disponiveis no menu
	$Layers[0] = "submenu-institucional";
	$Layers[1] = "submenu-secretaria";
	//$Layers[2] = "submenu-fotos";

	for($i=0; $i<$Layers.length; $i++)
	{
		if($LayerAtual != $Layers[$i]) {		
			if(document.getElementById) {
				document.getElementById($Layers[$i]).style.visibility = 'hidden';
			}
			else if(document.all) {
		   		document.all[$Layers[$i]].style.visibility = 'hidden';
		   	}
			else if(document.layers) {
		   		document.layers[$Layers[$i]].visibility = 'hide';
		   	}
		}
	}
}

// 1)Define 2 segundos para que o submenu desapareça,
// caso o visitante tire o mouse de cima do menu e do botão
//
// 2)Esconde o submenu
//
function MenuOut($IdLayer)
{
	$NomeLayer = $IdLayer;

	if(document.getElementById) {
		$HideTime = setTimeout("document.getElementById($NomeLayer).style.visibility = 'hidden'", 2000);
	}
	else if(document.all) {
		$HideTime = setTimeout("document.all[$IdLayer].style.visibility = 'hidden'", 2000);
	}
	else if(document.layers) {
		$HideTime = setTimeout("document.layers[$IdLayer].visibility = 'hide'", 2000);
	}
}

// 1)Exibe o submenu ao passar sobre o botão
//
// 2)Mantém o submenu ativo ao passar o mouse sobre os links
//
function MenuOver($IdLayer)
{
	//Chama a função para esconder os submenus que estiverem ativos
	HideAllLayers($IdLayer);
	
	// Mostra a layer referente ao botao onde o cursor esta posicionado
	if(document.getElementById) {
		document.getElementById($IdLayer).style.visibility = 'visible';
	}
	else if(document.all) {
   		document.all[$IdLayer].style.visibility = 'visible';
   	}
	else if(document.layers) {
   		document.layers[$IdLayer].visibility = 'show';
   	}
		  
	clearTimeout($HideTime);
}