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 alphas = ['showopta','showoptb','showoptc','showoptd','showopte','showoptf','showoptg','showopth','showopti','showoptj'];

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

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


function init()
{
var spanGroup1 = document.getElementById("pcount");

var scount = spanGroup1.getAttribute("title");

  for (var i = 0; i < scount; i++)
 {
  fred =  (alpha[i]);

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

  clickopt();

  return true;


 }

function clickopt()
{
var spanGroup1 = document.getElementById("pcount");

var scount = spanGroup1.getAttribute("title");

  for (var i = 0; i < scount; i++)
 {
  fredr =  (alphar[i]);

  var fredr = document.getElementById(fredr);
if (i == 0 ) fredr.onclick = showopta;
if (i == 1 ) fredr.onclick = showoptb;
if (i == 2 ) fredr.onclick = showoptc;
if (i == 3 ) fredr.onclick = showoptd;
if (i == 4 ) fredr.onclick = showopte;
if (i == 5 ) fredr.onclick = showoptf;
if (i == 6 ) fredr.onclick = showoptg;
if (i == 7 ) fredr.onclick = showopth;
if (i == 8 ) fredr.onclick = showopti;
if (i == 9 ) fredr.onclick = showoptj;
 }
}

//  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()
{
var spanGroup1 = document.getElementById("pcount");

var scount = spanGroup1.getAttribute("title");

  for (var i = 0; i < scount; i++)
 {
  fredr =  (alphar[i]);

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

}

function hideopt()
{
var spanGroup1 = document.getElementById("pcount");

var scount = spanGroup1.getAttribute("title");

  for (var i = 0; i < scount; 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();
      };
    }
  }
}