function solapero(){
	var arrDivs = document.getElementsByTagName('div');
	var arrSolaperos = new Array();
	var ind = 0;
	
	for(var ii=0;ii<arrDivs.length;ii++){
		if(arrDivs[ii].id.substring(0,5)=="slpr_"){
			arrSolaperos[ind] = arrDivs[ii];
			ind++;
		}		
	}
	
	for(j=0;j<arrSolaperos.length;j++){
		var variable = arrSolaperos[j].id.substring(5) +"_";
		var theDiv = new Array();
		var ind2 = 0;
		for(var ii=0;ii<arrDivs.length;ii++){
			if(arrDivs[ii].id.substring(0,variable.length)== variable){
				theDiv[ind2] = arrDivs[ii];
				ind2++;
			}
		}
		
		oNewDiv = document.createElement("div");
		oNewDiv.className = "solapaContenido";
		arrSolaperos[j].appendChild(oNewDiv);
					
		oUl  = arrSolaperos[j].getElementsByTagName('ul')[0];
		oLi  = arrSolaperos[j].getElementsByTagName('li')[0];
		oDiv = arrSolaperos[j].getElementsByTagName('div')[0];
			
		var strSpan = "<span>&nbsp;</span>";		
		for (i=0; i<theDiv.length; i++) {
			if(i == theDiv.length-1){
			 	strSpan = "";
			}
			theDiv[i].style.display = 'none';
			oNewLi = oLi.cloneNode(true);
			oNewLi.innerHTML = theDiv[i].getElementsByTagName('li')[0].innerHTML + strSpan;
			oNewLi.id = "padre_"+ theDiv[i].id;
			oNewLi.className = "solapaOff";
			oUl.appendChild(oNewLi);
			if(i==0){activar(oNewLi);}
		}
		
		oUl.removeChild(oLi);
		arrSolaperos[j].style.display='block';
	}
	
}

var oLiActivo;
var oLiAnterior;

function activar(oLi){
	oLiAnterior = oLiActivo;
	oLiActivo = oLi;
	
	oUl = oLi.parentNode;
	arrLi = oUl.getElementsByTagName('li');
	for(var i=0;i<arrLi.length;i++){
		arrLi[i].className="solapaOff";
	}
	oLi.className = "";
	divSolapero = oLi.parentNode.parentNode;
	
	htmlActual = document.getElementById(oLi.id.substring(6)).getElementsByTagName('div')[0].innerHTML;
	divSolapero.getElementsByTagName('div')[0].innerHTML = htmlActual;	
	//document.getElementById(oLi.id.substring(6)).getElementsByTagName('div')[0].innerHTML = "";
}


function cambioEstilo(oLi,evento){
	if(oLi.className != ""){
		switch(evento){
			case 'onclick':
				activar(oLi);
				break;
			case 'onmouseover':
				oLi.className = "solapaHover";
				break;
			case 'onmouseout':
				oLi.className = "solapaOff";
				break;
		}
	}
}

function switchDisplay(oOrigen,pidDestino,textAbrir,textCerrar) {
	var oDestino = document.getElementById(pidDestino);
	var visible =  oDestino.style.display;
	if(visible==''){
		 oDestino.style.display = 'none';
		 oOrigen.innerHTML = textAbrir;
	}else{
		 oDestino.style.display = '';	
		 oOrigen.innerHTML = textCerrar;
	}
}