// coordinate style changes within a group of elements
// objref = new styleSwitcher([elementlist],selector,onvalue,offvalue)
// legend = new styleSwitcher(['tda0','tdb0','tda1','tdb1','tda2','tdb2'],'backgroundColor','E0F0FF','');
// legend.on('tda0')
// legend.off('tda0')
// legend.highlight('tda2')
// legend.highlight(this.id)
// legend.init()
// legend.addStyle('color','FF0000','')
// legend.addStyle('textDecoration','underline','none')
// legend.addStyle('margin','10','')

function styleSwitcher(elements,selector,on,off) {
 var stylesets = new Array([selector,on,off]);
 this.on = function(element) {
  for(var n = 0; n < stylesets.length; n++) {
   if (document.getElementById(element)) {
    document.getElementById(element).style[stylesets[n][0]] = stylesets[n][1];
   }
  }
 }
 this.off = function(element) {
  for(var n = 0; n < stylesets.length; n++) {
   if (document.getElementById(element)) {
    document.getElementById(element).style[stylesets[n][0]] = stylesets[n][2];
   }
  }
 }
 this.init = function() {
  for(var n = 0; n < elements.length; n++) {
   this.off(elements[n]);
  }
 }
 this.highlight = function(element) {
  this.init();
  this.on(element);
 }
 this.addStyle = function(selector,on,off) {
  stylesets.push([selector,on,off])
 }
}