function getObj(name)
{

  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
  return this;
}

function lightlink(id, onoff) {
  var x = getObj(id);

  if ( onoff == 1 ) {
    previous = x.style.backgroundColor;
    x.style.backgroundColor='red';
  } else {
    x.style.backgroundColor=previous;
  }
}

function flyout(id) {
  var cnt;
  var x = getObj(id);
  var y = getObj('flyout');

  // Get id's coordinates for the flyout
  y.style.top = x.style.top
  x.style.left = 0

  for ( cnt = 0; cnt+=3; cnt <= x.style.left.width ) {
      y.style.left = cnt;
  }
}

function setdefault(id) {
  var y = getObj('flyout');
  y.style.visibility = 'hidden';

  var x = getObj(id);
  x.style.backgroundColor='orange';
}

function showtestiment(id) {
  var tt = "tt" + id;
  var cb = "cb" + id;

  var x = new getObj(tt);
  var b = new getObj(cb);
  var y = new getObj("content");
  var s = new getObj("shadow");

  var xPad = ( y.obj.offsetWidth / 2 ) - ( x.obj.offsetWidth / 2);

  b.style.left = x.obj.offsetWidth - b.obj.offsetWidth -2;

  x.style.left = y.obj.offsetLeft + xPad;

  s.style.left = x.obj.offsetLeft + 10;
  s.style.top = x.obj.offsetTop + 10;
  s.style.height = x.obj.offsetHeight;
  s.style.width = x.obj.offsetWidth;

  s.style.visibility = "visible";
  x.style.visibility = "visible";
}

function hidetestiment(id) {
  var x = new getObj(id);
  var s = new getObj("shadow");

  x.style.visibility = "hidden";
  s.style.visibility = "hidden";
}