function addEvent( obj, type, fn ) {
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

function removeEvent( obj, type, fn ) {
	if (obj.removeEventListener)
		obj.removeEventListener( type, fn, false );
	else if (obj.detachEvent) {
		obj.detachEvent( "on"+type, obj[type+fn] );
		obj[type+fn] = null;
		obj["e"+type+fn] = null;
	}
}

function toggle(id){
	var toggle = document.getElementById(id);
    var arrElms = getElementsByClassName('div', 'toggle');

    /* On commence par cacher tous les éléments qui possèdent la classe toggle */
    for(i=0; i<arrElms.length; i++) {
        arrElms[i].style.display = 'none';
    }
    
    /* et on "toggle" celui dont l'id est passé */
	if (toggle.style.display == 'block') {
		toggle.style.display = 'none';
	}
	else {
		toggle.style.display = 'block';
	}
}

function getElementsByClassName(strTagName, strClassName){
	var arrElements = document.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];		
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

function setToggleEvent() {
	var link = document.getElementById("liretexte");
	link.onclick = function(){toggle('texte'); return false; }
	var link = document.getElementById("liretitres");
	link.onclick = function(){toggle('titres'); return false}
}
addEvent(window,'load',setToggleEvent);