function displayTexts(id)
{
  // turn on the next button
  el = document.getElementById('button_next');
  if (el != null)
    el.style.display = 'block';

  // display the help text (if any)
  offset = 1;
  el     = document.getElementById('help_' + id);
  dest   = document.getElementById('answer_text_' + offset);
  text   = '';
  if (el != null && dest != null)
  {
    text = el.innerHTML;
    if (text != '')
    {
      text = '<div class="top"></div><div class="body"><div class="icon"><img src="/dna/www/grf/icon_info.gif" alt="" /></div><div class="text">' + text + '</div><div class="bottom"></div>';
      dest.innerHTML = text;
      dest.style.display = 'block';
      offset++;
    }
    else
    {
      dest.style.block = 'none';
    }
  }

  // display the yellow text (if any)
  el   = document.getElementById('text1_' + id);
  dest = document.getElementById('answer_text_' + offset);
  if (el != null && dest != null)
  {
    text = el.innerHTML;
    if (text != '')
    {
      text = '<div class="top"></div><div class="body"><div class="icon"><img src="/dna/www/grf/icon_yellow.gif" alt="" /></div><div class="text">' + text + '</div><div class="bottom"></div>';
      dest.innerHTML = text;
      dest.style.display = 'block';
      offset++;
    }
    else
    {
      dest.style.display = 'none';
    }
  }
  
  // display the red text (if any)
  el   = document.getElementById('text2_' + id);
  dest = document.getElementById('answer_text_' + offset);
  if (el != null && dest != null)
  {
    text = el.innerHTML;
    if (text != '')
    {
      text = '<div class="top"></div><div class="body"><div class="icon"><img src="/dna/www/grf/icon_red.gif" alt="" /></div><div class="text">' + text + '</div><div class="bottom"></div>';
      dest.innerHTML = text;
      dest.style.display = 'block';
      offset++;
    }
    else
    {
      dest.style.display = 'none';
    }
  }

  if (offset < 4)
  {
    for (i = offset; i < 4; i++)
    {
      dest = document.getElementById('answer_text_' + i);
      if (dest != null)
        dest.innerHTML = '';
   }
  }
}

function displayHelp()
{
  el = document.getElementById('help');
  if (el != null)
  {
    el.style.visibility = 'visible';
  }
}

function hideHelp()
{
  el = document.getElementById('help');
  if (el != null)
  {
    el.style.visibility = 'hidden';
  }
}