// onClass([Element cliqué], [Autoriser 2 cliques sur l'élément], [ID du bloc des éléments correspondants], [type d'éléments sélectifs]);

// La classe "sel" est attribuée à l'élément selectionné

function onClass(tabsel, dblclick, panels, paneltype) {
	var tab = tabsel.parentNode.getElementsByTagName(tabsel.tagName);
	var flag = false;
	for (i = 0; i < tab.length;) {
		if (tab[i].parentNode == tabsel.parentNode) {
			if (tab[i] == tabsel) {
				if(/sel/.test(tab[i].className)) {
					if(dblclick) { tab[i].className = tab[i].className.replace('sel', ''); }
					flag = true;
				}
				else if (!flag) { tab[i].className += tab[i].className?' sel ':'sel'; }
				if (panels) { var k = i; }
			}
			else { tab[i].className = tab[i].className.replace('sel', ''); }
		}
		i++;
	}
	flag = false;

	if (panels) {
		if (paneltype) {
			var panel = document.getElementById(panels).getElementsByTagName(paneltype);
			for (i = 0; i < panel.length;) {
				if (panel[i].parentNode == document.getElementById(panels)) {
					if (i == k) {
						if(/sel/.test(panel[i].className)) {
							if(dblclick) { panel[i].className = panel[i].className.replace('sel', ''); }
							flag = true;
						}
						else if (!flag) { panel[i].className += panel[i].className?' sel ':'sel'; }
					}
					else { panel[i].className = panel[i].className.replace('sel', ''); }
				}
				else { k = k+1; }
				i++;
			}
		}
		else {
			var panel = document.getElementById(panels);
			if (dblclick) {
				if (/sel/.test(panel.className)) { panel.className = panel.className.replace('sel', ''); }
				else { panel.className += panel.className?' sel ':'sel'; }
			}
			else { panel.className = panel.className.replace('sel', ''); }
		}
	}
}