var lay_encours;	// holds id of currently visible layer
var lay_encours_2;	// holds id of currently visible layer
var cur_indice;	// holds id of currently visible layer
var cur_indice_2;	// holds id of currently visible layer

function swapLayers(id,indice) {
  if (lay_encours)
	{
		hideLayer(lay_encours,cur_indice);
	}
  showLayer(id,indice);
  lay_encours = id;
  cur_indice = indice;
}
function swapLayers_2(id,indice) {
  if (lay_encours_2)
	{
		hideLayer(lay_encours_2,cur_indice_2);
	}
  showLayer(id,indice);
  lay_encours_2 = id;
  cur_indice_2 = indice;
}
 
function showLayer(id,indice) {

  /*var a=getElemRefs("tpvent"+indice);
  var span=getElemRefs("tpventspan"+indice);*/
  var lyr = getElemRefs(id);
	var ongl = getElemRefs("ongl_"+indice);
	
	lyr.style.visibility="visible";
	lyr.style.height="auto";
	
	ongl.style.background = "url('/images/interface/menu/bt-on.jpg')";	
	ongl.style.color = "#FFF";
	
	/*a.css.backgroundPosition="0% 75px";
	a.css.color="#FF0000";
	span.css.backgroundPosition="100% 0px";
	span.css.color="#FFFFFF";
	span.css.fontWeight="bold";*/
}
 
function hideLayer(id,indice) {

  /*var a=getElemRefs("tpvent"+indice);
  var span=getElemRefs("tpventspan"+indice);*/
  var lyr = getElemRefs(id);
	var ongl = getElemRefs("ongl_"+indice);
	
	lyr.style.visibility="hidden";
	lyr.style.height="0";
	
	ongl.style.background = "url('/images/interface/menu/bt.jpg')";	
	ongl.style.color = "#1D1D1D";
	
	/*a.css.backgroundPosition="0% 0px";
	a.css.color="#666666";
	span.css.backgroundPosition="100% 150px";
	span.css.color="#666666";
	span.css.fontWeight="normal";*/
}

function getElemRefs(id) {

	var el = document.getElementById(id);
	
	return el;
}