addLoadListener(init);

// var alpha = ['opt1','opt2','opt3','opt4','opt5','opt6','opt7','opt8','opt9','opt10'];

// var alphar = ['r1','r2','r3','r4','r5','r6','r7','r8','r9','r10'];

var alpha = ['opt1','opt2','opt3','opt4','opt5'];

var alphar = ['r1','r2','r3','r4','r5'];



function init()
{
  for (var i = 0; i < alpha.length; i++)
 {
  fred =  (alpha[i]);

  var fred = document.getElementById(fred);
  fred.className = "hidden";
 }

//  var optional1 = document.getElementById("opt1");
//  optional1.className = "";


  var r1 = document.getElementById("r1");
  r1.onclick = showopta;

  var r2 = document.getElementById("r2");
  r2.onclick = showoptb;

  var r3 = document.getElementById("r3");
  r3.onclick = showoptc;

  var r4 = document.getElementById("r4");
  r4.onclick = showoptd;

  var r5 = document.getElementById("r5");
  r5.onclick = showopte;

//  var r6 = document.getElementById("r6");
//  r6.onclick = showoptf;

//  var r7 = document.getElementById("r7");
//  r7.onclick = showoptg;

//  var r8 = document.getElementById("r8");
//  r8.onclick = showopth;

//  var r9 = document.getElementById("r9");
//  r9.onclick = showopti;

//  var r10 = document.getElementById("r10");
//  r10.onclick = showoptj;


  return true;
}

function internal()
{
  for (var i = 0; i < alphar.length; i++)
 {
  fredr =  (alphar[i]);

  var fredr = document.getElementById(fredr);
  fredr.className = "internal";
 }

}

function hideopt()
{
  for (var i = 0; i < alpha.length; i++)
 {
  fred =  (alpha[i]);

  var fred = document.getElementById(fred);
  fred.className = "hidden";
 }
}

function showopta()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt1");
  optional1.className = "";

  var optional2 = document.getElementById("r1");
  optional2.className = "internal plink";
  return true;
}

function showoptb()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt2");
  optional1.className = "";

  var optional2 = document.getElementById("r2");
  optional2.className = "internal plink";
  return true;
}

function showoptc()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt3");
  optional1.className = "";

  var optional2 = document.getElementById("r3");
  optional2.className = "internal plink";
  return true;
}

function showoptd()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt4");
  optional1.className = "";

  var optional2 = document.getElementById("r4");
  optional2.className = "internal plink";
  return true;
}

function showopte()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt5");
  optional1.className = "";

  var optional2 = document.getElementById("r5");
  optional2.className = "internal plink";
  return true;
}

function showoptf()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt6");
  optional1.className = "";

  var optional2 = document.getElementById("r6");
  optional2.className = "internal plink";
  return true;
}

function showoptg()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt7");
  optional1.className = "";

  var optional2 = document.getElementById("r7");
  optional2.className = "internal plink";
  return true;
}

function showopth()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt8");
  optional1.className = "";

  var optional2 = document.getElementById("r8");
  optional2.className = "internal plink";
  return true;
}

function showopti()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt9");
  optional1.className = "";

  var optional2 = document.getElementById("r9");
  optional2.className = "internal plink";
  return true;
}

function showoptj()
{
  hideopt();
  internal();
  var optional1 = document.getElementById("opt10");
  optional1.className = "";

  var optional2 = document.getElementById("r10");
  optional2.className = "internal plink";
  return true;
}






function showOptional1()
{
alert("here");
  var optional2 = document.getElementById("optb");
  optional2.className = "hidden";

  var optional1 = document.getElementById("opta");
  optional1.className = "";

  return true;
}

function showOptional2()
{
alert("there");
  var optional1 = document.getElementById("opta");
  optional1.className = "hidden";

  var optional2 = document.getElementById("optb");
  optional2.className = "";

  return true;
}


function addLoadListener(fn)
{
  if (typeof window.addEventListener != 'undefined')
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
  else
  {
    var oldfn = window.onload;
    if (typeof window.onload != 'function')
    {
      window.onload = fn;
    }
    else
    {
      window.onload = function()
      {
        oldfn();
        fn();
      };
    }
  }
}