function mostrarContenido(sender, pos)
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			document.getElementById('dphc' + i).className = "noMostrar";

			if (i==1)
				document.getElementById(arreglo[1]).className = "liprimero";
			else
			if (i==pos)
				document.getElementById(arreglo[1]).className = "liactivo";
			else 
			if(i==maximo)
				document.getElementById(arreglo[i]).className = "liultimo" 
			else
				document.getElementById(arreglo[i]).className = "";
		}
	document.getElementById('dphc' + pos).className = "Mostrar";
}


function mostrarPH1()
{
	
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liactivo";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}
	
	
	document.getElementById('dphc1').className = "Mostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH2()
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if(i==2)
			{
				document.getElementById(arreglo[i]).className = "liactivo";
			}		
			else if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}
		
	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "Mostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH3()
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if(i==3)
			{
				document.getElementById(arreglo[i]).className = "liactivo";
			}		
			else if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}

	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "Mostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH4()
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if(i==4)
			{
				document.getElementById(arreglo[i]).className = "liactivo";
			}		
			else if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}
	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "Mostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH5()
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if(i==5)
			{
				document.getElementById(arreglo[i]).className = "liactivo";
			}		
			else if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}
	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "Mostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH6()
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if(i==6)
			{
				document.getElementById(arreglo[i]).className = "liactivo";
			}		
			else if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}


	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "Mostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH7()
{

	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if(i==7)
			{
				document.getElementById(arreglo[i]).className = "liactivo";
			}		
			else if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liultimo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}
	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "Mostrar";
	document.getElementById('dphc8').className = "noMostrar";
}

function mostrarPH8()
{
	var maximo = parseInt(tope);
	var x = document.getElementsByTagName('li');
		for (i=1; i<arreglo.length; i++)
		{
			if (i==1)
			{
				document.getElementById(arreglo[1]).className = "liprimero";
			}
			else if(i==maximo)
			{
				document.getElementById(arreglo[i]).className = "liactivo" 
			}
			else
			{
				document.getElementById(arreglo[i]).className = "";
			}
		}
	document.getElementById('dphc1').className = "noMostrar";
	document.getElementById('dphc2').className = "noMostrar";
	document.getElementById('dphc3').className = "noMostrar";
	document.getElementById('dphc4').className = "noMostrar";
	document.getElementById('dphc5').className = "noMostrar";
	document.getElementById('dphc6').className = "noMostrar";
	document.getElementById('dphc7').className = "noMostrar";
	document.getElementById('dphc8').className = "Mostrar";
}
