function setupAll() {
  if (!document.getElementsByTagName)
    return;
  var all_links = document.getElementsByTagName('a');
  for (var i = 0; i < all_links.length; i++) {
    var link = all_links[i]; 
    if (link.parentNode && link.parentNode.nodeName.toLowerCase() == 'td' && link.parentNode.className && (' ' + link.parentNode.className + ' ').indexOf(' rollover ')!= -1) {
		link.parentNode.onmouseover = mouseover;
		link.onmouseout = mouseout;   
    }
  }
  
  if (document.getElementById('cardholder')) {
	  if (navigator.userAgent.indexOf('MSIE')!=-1) {
		  /* there is a top margin of 1px for firefox, but ie shows a gap there, so eliminate the margin for ie */
		document.getElementById('cardholder').style.marginTop='0px';
  	  }	
	  document.getElementById('cardholder').innerHTML=document.getElementById('card0').innerHTML;
  }
}

function find_target(e)
{
  var target; 

  if (window.event && window.event.srcElement) 
    target = window.event.srcElement;
  else if (e && e.target)
    target = e.target;
  if (!target)
    return null;

  while (target != document.body &&
      target.nodeName.toLowerCase() != 'a')
    target = target.parentNode;

  if (target.nodeName.toLowerCase() != 'a')
    return null;

  return target;
}

function mouseover(e) {
  var target = find_target(e);
  if (!target) return;

	var td_tag = target.parentNode;
  
	td_tag.className="over";
}

function mouseout(e) {
  var target = find_target(e);
  if (!target) return;

	var td_tag = target.parentNode;

	td_tag.className="rollover";
}

function showtab(x) {
	var td_tag = x.parentNode;

	var tabs = document.getElementById('cardtabs');
	var all_links = tabs.getElementsByTagName('a');
  	/* for each "tab" (td with an a inside within element "cardtabs"), turn the tab to class tab_off */
	for (var i = 0; i < all_links.length; i++) {
    	var link = all_links[i]; 
    	if (link.parentNode && link.parentNode.nodeName.toLowerCase() == 'td') {
			link.parentNode.className = "tab_off";
    	}
  	}
  	/* turn on the clicked tab */
  	td_tag.className="tab_on";
  	
  	/*document.write(document.getElementById('card' + td_tag.id.charAt(3)).innerHTML);*/
	document.getElementById('cardholder').innerHTML = document.getElementById('card' + td_tag.id.charAt(3)).innerHTML;
}

window.onload = setupAll;