function expandSelect(id)
{
    var elem = document.getElementById(id);
    if(elem.style.display=='none') // si caché
    {
        elem.style.display='block';  // on affiche
    }
    else
    {
        elem.style.display='none'; // sinon on cache
    }
}

function expandRub(id)
{
    var input = document.getElementById(id);
    var rub = input.value; // rubriques "actives" (associées à la catégorie) 
    var elem = document.getElementById(rub);
    if(elem.style.display=='none') //si caché
    {
        elem.style.display='block'; //on affiche
    }
    else
    {
        elem.style.display='none'; //sinon on cache
    }
}

function chooseCat(id, liste, sousRub)
{
	expandSelect(liste); // pour fermer la liste
	var titre = document.getElementById(id).innerHTML;
	if (titre.length > 30) // mise en page du titre
	{
		titre = titre.substring (0,27) + "...";
	}
	document.getElementById(liste + "_title").innerHTML = titre;
	document.getElementById(liste + "_input").value = id; // id de la catégorie pour le form
	
	var rub = document.getElementById(sousRub); // sous rubrique associée ?
	if (rub)
	{
		var rubId = rub.value;
		document.getElementById(rubId).style.display = 'none'; //on cache l'ancienne rubrique
		
		// on réinitialise la rubrique
		
		document.getElementById(sousRub + "_title").setAttribute("style","color: #000; ");
		document.getElementById(sousRub + "_title").style.fontSize = "11px";
		
		document.getElementById(sousRub + "_title").setAttribute("class","");
		document.getElementById(sousRub + "_title").innerHTML = '';
			
		elt = document.createElement("a");
		elt.innerHTML = 'choisissez';
		elt.setAttribute("style","color: #000;");
		elt.style.fontSize="11px";
		document.getElementById(sousRub + "_title").appendChild(elt);
		
		document.getElementById(sousRub + "_input").value = 0;
		
		rub.value = sousRub + '_' + id; // on definit la liste de rubriques active
	}
}

function chooseRub(id, liste, catId)
{
	expandSelect(liste + '_' + catId);//pour fermer la liste
	var titre = document.getElementById(id).innerHTML;
	if (titre.length > 30) // mise en page du titre
	{
		titre = titre.substring (0,27) + "...";
	}
	
	document.getElementById(liste + "_title").innerHTML = '';				
	elt = document.createElement("a");
	elt.innerHTML = titre;
	elt.setAttribute("style","color: #000;");
	elt.style.fontSize="11px";
	document.getElementById(liste + "_title").appendChild(elt);
		
	document.getElementById(liste + "_input").value = id; // id de la rubrique pour le form
}