var spans = new Array(0);
var formElts = new Array(0);

//Add this function after INPUT/SPAN tags an HTML document.
function buildArrays() {
  //Collect SPAN Elements
  spans = document.getElementsByTagName("SPAN");

  //Collect INPUT VALUES that match SPAN ID's
	for(var f=0; f<document.forms.length; f++) {
		for(var i=0; i<document.forms[f].elements.length; i++) {
    	var elt = document.forms[f].elements[i];
		    for (var j=0; j<spans.length; j++) {
			    if (elt.value == spans[j].id)
				    formElts[formElts.length] = elt;
        }    
    }
  }  

  /*
  //Display Collections
	for(var i=0; i<spans.length; i++)
		document.write('spans[i].id '+spans[i].id+'<BR>');
  document.write('<P>');  
  for(var j=0; j<formElts.length; j++)
		document.write('formElts[j].value '+formElts[j].value+' = '+formElts[j].value+'<BR>');    
  */
}

//Highlite Selection
function choiceSelected(val) {
	for (var i=0; i<formElts.length; i++) 
		if (formElts[i].name == val)
			for (var j=0; j<spans.length; j++)
				if (formElts[i].value == spans[j].id) {
					if (formElts[i].checked)
						spans[j].className="highlited";
					else
						spans[j].className="notHighlited";
					break;
				}
}