// JavaScript Document

function visibilidad(caso) {
   
	var e1 = document.getElementById('cr');
	var e2 = document.getElementById('pa');
	var e3 = document.getElementById('us');
	var e4 = document.getElementById('mx');
	var e5 = document.getElementById('gt');
	var p1 = document.getElementById('pcr');
	var p2 = document.getElementById('ppa');
	var p3 = document.getElementById('pus');
	var p4 = document.getElementById('pmx');
	var p5 = document.getElementById('pgt');

	if(caso == 1) {
		e1.style.display = 'block';
		e2.style.display = 'none';
		e3.style.display = 'none';
		e4.style.display = 'none';
		e5.style.display = 'none';
		p1.className = 'activo';
		p2.className = 'inactivo';
		p3.className = 'inactivo';
		p4.className = 'inactivo';
		p5.className = 'inactivo';
	}
	else if(caso == 2) {
		e1.style.display = 'none';
		e2.style.display = 'block';
		e3.style.display = 'none';
		e4.style.display = 'none';
		e5.style.display = 'none';
		p1.className = 'inactivo';
		p2.className = 'activo';
		p3.className = 'inactivo';
		p4.className = 'inactivo';
		p5.className = 'inactivo';
	}
	else if(caso == 3) {
		e1.style.display = 'none';
		e2.style.display = 'none';
		e3.style.display = 'block';
		e4.style.display = 'none';
		e5.style.display = 'none';
		p1.className = 'inactivo';
		p2.className = 'inactivo';
		p3.className = 'activo';
		p4.className = 'inactivo';
		p5.className = 'inactivo';
	}
	else if(caso == 4) {
		e1.style.display = 'none';
		e2.style.display = 'none';
		e3.style.display = 'none';
		e4.style.display = 'block';
		e5.style.display = 'none';
		p1.className = 'inactivo';
		p2.className = 'inactivo';
		p3.className = 'inactivo';
		p4.className = 'activo';
		p5.className = 'inactivo';
		
	}
	else if(caso == 5) {
		e1.style.display = 'none';
		e2.style.display = 'none';
		e3.style.display = 'none';
		e4.style.display = 'none';
		e5.style.display = 'block';
		p1.className = 'inactivo';
		p2.className = 'inactivo';
		p3.className = 'inactivo';
		p4.className = 'inactivo';
		p5.className = 'activo';
	}
}