[Resolvido] Retirar a classe de um elemento quando clicar em outr

[msmarins 2]

Em um script externo eu adiciono uma classe em um dos ítens de um MENU.

Até aí tudo bem, mas gostaria de saber como faço pra retira-la ao clicar em outro ítem.

Este é o evento que chama a função:

 

var arte_cult = new Array("teatro", "danca" , "musica" , "edu_fisica" ,  "point_sale");
for (var i=0;i<arte_cult.length;i++) {
	try {
		_$(arte_cult[i]).onclick = arteCultura;
	}
catch(e){};
}

 

E esta é a função que vai incluir uma página diferente em um alvo com ajax, Adicionar um título e atriubuir uma classe no item do menu para diferencia-lo dos outros. Esta é a questão, quamdo clico no outro ítem menu o antigo continua com a classe.

 

arteCultura = function() {
var box = this.id;
switch (box){
	case "teatro": 
		var pagina = "teatro.php"; 
		var titulo = "Teatro";
	break;
	case "danca": 
		var pagina = "danca.php"; 
		var titulo = "Dança";
	break;
	case "musica": 
		var pagina = "musica.php"; 
		var titulo = "Música";
	break;
	case "edu_fisica": 
		var pagina = "edu_fisica.php"; 
		var titulo = "Educação Física e Esportes";
	break;
	case "point_sale": 
		var pagina = "point_sale.php";
		var titulo = "Point Salê";
	break;
}
var tit = _$("titulo_intenas");
tit.innerHTML = titulo;
var menu =_$(box);
menu.className = 'menu_corrente_educacao';
var alvo = _$("sessao_arte_cultura");
alvo.innerHTML="";
ajax(pagina,"sessao_arte_cultura");
}

 

Desde já, agradeço a atenção!

[msmarins 2]

Muito obrigado Wercks Oliveira, funcionou perfeito!

Só vou tentar entender a dinâmica pois só tenho conhecimento superfical de javascript!

Obrigado mesmo!