window.onload = function() {

	AfficherBouton();
	EcouterBouton();
}


function AfficherBouton() {
	
	var menu = $('menu_titre');
	PermuterClass('js_actif', menu);

}

function EcouterBouton() {
	var menu = $('menu_titre');

	menu.onclick = function() {
		PermuterClass('js_actif', this)
	}
}

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

/**
* Applique ou enleve une classe CSS au noeud
* Retourne false si la classe est supprimée
* Retourne true si la classe est appliquée
*/
function PermuterClass(class_css, noeud)
{
	// Pas d'attribut class, le definir
	if(!noeud.className) {
		noeud.className = class_css;
		return true;
	}

	if(!TesterClass(class_css, noeud)) {
		noeud.className += ' '+ class_css;
		return true;
	}

	noeud.className = noeud.className.replace(new RegExp("[ ]?"+ class_css +"[ ]?"), '');
	return false;
}
/**
* Vérifie si la classe 'class_css' est définie dans le noeud
*/
function TesterClass(class_css, noeud) {
	if(noeud.className.indexOf(class_css, 0) == '-1')
		return false;
	return true;
}