var timeout = 1000; //1 segundo para sumir atalhos
var timerAtalho = 0;

function $(element) {
	return document.getElementById(element);
}

function loadAtalhoAgencia() {
	$('atalhos').className += " esconde";
	$('atalhos').isVisible = false;
	$('atalhos').onmouseout = function(){outULAtalho();};
	$('atalhos').onmouseover = function(){overULAtalho();};
	$('link_atalhos').onmouseout = function(){outAtalho();};
	$('link_atalhos').onmouseover = function(){overAtalho();};
	
	$('div_atalhos').className += " comJs";
	$('div_perguntas').className += " comJs";
}

function mostraEsconde(element) {
	with($(element)) {
		className = /\besconde\b/.test(className) ? className.replace(/\besconde\b/,'mostra') : className.replace(/\bmostra\b/,'esconde');
		isVisible = /\bmostra\b/.test(className) ? true : false;
	}
}

function mostraAtalho() {
	mostraEsconde('atalhos');
	clearTimeout(timerAtalho);
}

/* funcoes dos botoes*/
function focusAtalho() {	
	if (!$('atalhos').isVisible)
		mostraAtalho();
}
function overAtalho() {
	clearTimeout(timerAtalho);
	if (!$('atalhos').isVisible)
		mostraAtalho();
}
function outAtalho() {
	timerAtalho = setTimeout('mostraAtalho();', timeout);
}
function overULAtalho() {
	clearTimeout(timerAtalho);
}
function outULAtalho() {
	timerAtalho = setTimeout('mostraAtalho();', timeout);
}
function blurAtalho() {	
	if ($('atalhos').isVisible)
		mostraAtalho();
}
window.addEventListener ? window.addEventListener("load", loadAtalhoAgencia,false) : window.attachEvent("onload", loadAtalhoAgencia);