function showlayerrec(no){
switch (no){
default:
document.getElementById('top_rec1').style.display = 'inline';
document.getElementById('top_rec12').style.display = 'inline';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec22').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec32').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec42').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';
document.getElementById('top_rec52').style.display = 'none';

break;
case 2:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'inline';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';
document.getElementById('top_rec12').style.display = 'none';
document.getElementById('top_rec22').style.display = 'inline';
document.getElementById('top_rec32').style.display = 'none';
document.getElementById('top_rec42').style.display = 'none';
document.getElementById('top_rec52').style.display = 'none';

break;
case 3:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'inline';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';
document.getElementById('top_rec12').style.display = 'none';
document.getElementById('top_rec22').style.display = 'none';
document.getElementById('top_rec32').style.display = 'inline';
document.getElementById('top_rec42').style.display = 'none';
document.getElementById('top_rec52').style.display = 'none';

break;
case 4:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'inline';
document.getElementById('top_rec5').style.display = 'none';
document.getElementById('top_rec12').style.display = 'none';
document.getElementById('top_rec22').style.display = 'none';
document.getElementById('top_rec32').style.display = 'none';
document.getElementById('top_rec42').style.display = 'inline';
document.getElementById('top_rec52').style.display = 'none';

break;
case 5:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'inline';
document.getElementById('top_rec12').style.display = 'none';
document.getElementById('top_rec22').style.display = 'none';
document.getElementById('top_rec32').style.display = 'none';
document.getElementById('top_rec42').style.display = 'none';
document.getElementById('top_rec52').style.display = 'inline';
}}


function hidelayerrec(no){
switch (no){

default:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';

break;
case 2:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';

break;
case 3:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';

break;
case 4:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';

break;
case 5:
document.getElementById('top_rec1').style.display = 'none';
document.getElementById('top_rec2').style.display = 'none';
document.getElementById('top_rec3').style.display = 'none';
document.getElementById('top_rec4').style.display = 'none';
document.getElementById('top_rec5').style.display = 'none';
}}