function MultiClicked(i) // when clicking the headers
   {
    document.getElementById('MultiClicked').innerHTML = i;
    document.getElementById('MultiLinksClicked').innerHTML = '1';
   
    for (var o=1;o<4;o++)
    {
    mouseout('MultiPlayerLinks' + o, 'nottoshow');
    }
    
    // show the cheked link
    mouseover('MultiPlayerLinks' + i, 'MultiPlayerLinks');
    
    // set all other links as unchecked
    MultiOut();
    MultiLinksOut();
    
    // show the checked table
    HideAllMultiTables();

    mouseover('multiTable_' + i + '_1', 'multiTable');

   }
   
function MultiLinksClicked(i) // when clicking the links
   {
    document.getElementById('MultiLinksClicked').innerHTML = i;

    HideAllMultiTables ();
     
    var TableClicked = document.getElementById('MultiClicked').innerHTML;
    var Clicked = document.getElementById('MultiLinksClicked').innerHTML;
    
    mouseover('multiTable_' + TableClicked + '_' + Clicked, 'multiTable');
    MultiLinksOut();
   }
  
    function MultiOut()
  {
  
  for (var i =1; i<4; i++)
  {
  mouseout('MultiHeaders' + i, 'multiHeader');
  }
  var clicked = document.getElementById('MultiClicked').innerHTML;
  
  mouseover ('MultiHeaders' + clicked, 'multiHeaderClicked');
  }    

function MultiLinksOut()
  {
  
  for (var o=1; o<4;o++)
  {
  for (var i =1; i<10; i++)
  {
  if (document.getElementById('MultiLinkTD' + o + i))
  {
  mouseout('MultiLinkTD' + o + i, 'multiLinks');
  }
  }
  }
  
  var TableClicked = document.getElementById('MultiClicked').innerHTML;
  var Clicked = document.getElementById('MultiLinksClicked').innerHTML;
  
  mouseover ('MultiLinkTD' + TableClicked + Clicked, 'multiLinksClicked');
  }
  
     function HideAllMultiTables()
   {  
  for (var o=1; o<4;o++)
  {
  for (var i =1; i<10; i++)
  {
  if (document.getElementById('multiTable_' + o + '_' + i))
  {
  mouseout('multiTable_' + o + '_' + i, 'nottoshow');
  }
  }
  } 
   }