/** 
 *  This function will toggle elements on screen, when a user click on
 *  a check box.
 *  
 *  clickedObjextIDS: an array of ids. If all elements in this array is unselected, 
 *  then hide all elements in the toggleObjectIDS array. If one of the elements in 
 *  this array is selected, then make all the elements in the toggleObjectIDS visible   
 * 
 *  Updated: Stian / 01.12.2007
 */  

function toggleElement(clickedObjectIDS, toggleObjectIDS)
{
  var iterator;
  var isVisible = false;
  for (iterator = 0; iterator < clickedObjectIDS.length; iterator++)
  {
    isChecked = document.getElementById(clickedObjectIDS[iterator]).checked;
    if (isChecked == true)
    {
      isVisible = true;
    }
  }
  
  for (iterator = 0; iterator < toggleObjectIDS.length; iterator++)
  {
    if (isVisible == true)
    {
      document.getElementById(toggleObjectIDS[iterator]).style.display = 'inline';
    } else {
      document.getElementById(toggleObjectIDS[iterator]).style.display = 'none';
    }
  }
}

/**
 *  This function will toggle visibility of checkboxes listed in the 
 *  toggleArray variable, when the clickedCheckbox element has been selected. 
 *   
 *  Updated: Stian / 02.12.2007
 */
 
function toggleCheckboxes(clickedCheckbox, toggleArray) 
{
  var iterator;
  isChecked = document.getElementById(clickedCheckbox).checked;
  if (isChecked == true)
  {
    
    for (iterator = 0; iterator < toggleArray.length; iterator++)
    {
    document.getElementById(toggleArray[iterator]).checked = false;
    document.getElementById(toggleArray[iterator]).disabled = true;
    
    if (toggleArray[iterator] == 'OTERR')
    {
      document.getElementById('otherTerritory').style.display = 'none';
    }

    }

  } else {
    
    for (iterator = 0; iterator < toggleArray.length; iterator++)
    {
    document.getElementById(toggleArray[iterator]).disabled = false;
    }
    
  }
}