//JS

function goto(secao) {
	window.location.href = secao + ".php";
}

function irpara(secao) {
	
	window.location.href = secao;
}

function eventos()
{
	//#### CONFIGURAÇÕES:
	//#
	//## Classe a ser utilizada (coloque /entre barras/):
	var classe = /menu_margem/;
	//## Tag dos elementos
	var tag = "div";
	//#############################
	
	//PS: Nesse caso a imagem do menu está organizada de forma vertical e vai ser trocada pela imagem ao lado direito, para casos onde a imagem está organizada na posição horizontal e vai ser trocada pela imagem de baixo troque o vetor[1] por vetor[0] para passar a posição X para as funções.
	
	var total,i;
	
	total=document.getElementsByTagName(tag); //pega todos os elementos com a tag especificada
	for(i=0;i<total.length;i++)
	{
		if(classe.test(total[i].className)) 
		{ //filtra apenas os elementos com a classe especificada


			total[i].onmouseover=function() 
			{
				var vetor = this.style.backgroundPosition.split(" ");
				rollOver(this.id,vetor[1],vetor[0]); //passa para o rollover o ID e a posíção do background
			};
			
			
			total[i].onmouseout=function() 
			{
				var vetor = this.style.backgroundPosition.split(" ");
				rollOut(this.id,vetor[1],vetor[0]); //passa para o rollout o ID e a posíção do background
			};
			
			
			//total[i].onclick=function() 
			//{
			//	var vetor = this.style.backgroundPosition.split(" ");
			//	rollOut(this.id,vetor[1],vetor[0]);
			//	if ((this.id == "menu_contato") || (this.id == "menu_mapadosite")) {
			//		var end = this.id.split("menu_");
			//		goto(end[1].toLowerCase());
			//	}
			//}
			
		}
	}
}

function rollOver(id,y,x) {
	if ((id == "menu_empresa") || (id == "menu_contato") || (id == "menu_mapadosite")) {
		document.getElementById(id).style.backgroundPosition = x+ " -130px";
	}
	else {
		document.getElementById(id).style.backgroundPosition = x+ " -328px"; //muda a posição X do ID especificado e repassa a posição Y
	}
}
function rollOut(id,y,x) {
	if ((id == "menu_empresa") || (id == "menu_contato") || (id == "menu_mapadosite")) {
		document.getElementById(id).style.backgroundPosition = x+ " -102px";
	}
	else {
		document.getElementById(id).style.backgroundPosition = x+ " -269px"; //muda a posição X do ID especificado e repassa a posição Y
	}
}

window.onload=function() { eventos(); } //habilita os eventos quando carregar a página