function on(id)
{      
  if (id=='inv1')
    {
    var z = document.getElementById("inv1_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    } else {
    var z = document.getElementById("inv1_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 

  if (id=='inv2')
    {
    var z = document.getElementById("inv2_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv2_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    }
    
    
  if (id=='inv3')
    {
    var z = document.getElementById("inv3_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv3_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    }
   
  if (id=='inv4')
    {
    var z = document.getElementById("inv4_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv4_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    }
    
  if (id=='inv5')
    {
    var z = document.getElementById("inv5_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv5_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
    
  if (id=='inv6')
    {
    var z = document.getElementById("inv6_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv6_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
        
  if (id=='inv7')
    {
    var z = document.getElementById("inv7_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv7_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
/*        
  if (id=='inv8')
    {
    var z = document.getElementById("inv8_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv8_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
        
  if (id=='inv9')
    {
    var z = document.getElementById("inv9_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv9_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
*/        
  if (id=='inv10')
    {
    var z = document.getElementById("inv10_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv10_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
        
  if (id=='inv11')
    {
    var z = document.getElementById("inv11_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv11_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
        
  if (id=='inv12')
    {
    var z = document.getElementById("inv12_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv12_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
        
  if (id=='inv13')
    {
    var z = document.getElementById("inv13_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv13_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
        
  if (id=='inv14')
    {
    var z = document.getElementById("inv14_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv14_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    }   
   
    if (id=='inv21')
    {
    var z = document.getElementById("inv21_a");
    z.style.color = "#003399";
    z.style['background'] = "#ffffff";
    z.style.borderBottom = "8px solid #ffffff";
    } else {
    var z = document.getElementById("inv21_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    } 
   
  if (id!=1)
    {document.getElementById('inv1').style.display='none';}    
	if (id!=2)
    {document.getElementById('inv2').style.display='none';}
	if (id!=3)
    {document.getElementById('inv3').style.display='none';}
	if (id!=4)
    {document.getElementById('inv4').style.display='none';}
	if (id!=5)
    {document.getElementById('inv5').style.display='none';}
	if (id!=6)
    {document.getElementById('inv6').style.display='none';}
  if (id!=7)
    {document.getElementById('inv7').style.display='none';}
/*
	if (id!=8)
    {document.getElementById('inv8').style.display='none';}
	if (id!=9)
    {document.getElementById('inv9').style.display='none';}
*/
	if (id!=10)
    {document.getElementById('inv10').style.display='none';}
	if (id!=11)
    {document.getElementById('inv11').style.display='none';}
  if (id!=12)
    {document.getElementById('inv12').style.display='none';}
	if (id!=13)
    {document.getElementById('inv13').style.display='none';}
	if (id!=14)
    {document.getElementById('inv14').style.display='none';}
	if (id!=21)
    {document.getElementById('inv21').style.display='none';}
document.getElementById(id).style.display='block';
}



function off(id)
{
document.getElementById('inv1').style.display='none';
document.getElementById('inv2').style.display='none';
document.getElementById('inv3').style.display='none';
document.getElementById('inv4').style.display='none';
document.getElementById('inv5').style.display='none';
document.getElementById('inv6').style.display='none';
document.getElementById('inv7').style.display='none';
/*
document.getElementById('inv8').style.display='none';
document.getElementById('inv9').style.display='none';
*/
document.getElementById('inv10').style.display='none';
document.getElementById('inv11').style.display='none';
document.getElementById('inv12').style.display='none';
document.getElementById('inv13').style.display='none';
document.getElementById('inv14').style.display='none';
document.getElementById('inv21').style.display='none';

var z = document.getElementById("inv1_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";

var z = document.getElementById("inv2_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv3_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv4_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv5_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv6_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv7_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
/*    
var z = document.getElementById("inv8_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv9_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
*/    
var z = document.getElementById("inv10_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv11_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv12_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv13_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";
    
var z = document.getElementById("inv14_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";

var z = document.getElementById("inv21_a"); 
    z.style.color = "#ffffff";
    z.style['background'] = "#797979";
    z.style.border = "none";

}
