var a = document.getElementById("hap_status");
var b = document.getElementById("hap_factors");
var c = document.getElementById("hap_action");
var d = document.getElementById("hap_objectives");
var e = document.getElementById("hap_relevant");
var ah = document.getElementById("status_h");
var bh = document.getElementById("factors_h");
var ch = document.getElementById("action_h");
var dh = document.getElementById("objectives_h");
var eh = document.getElementById("relevant_h");
var h = document.getElementById("hap_header");

a.style.display="block";
b.style.display="none";
c.style.display="none";
d.style.display="none";
e.style.display="none";

function showhab(obj, src){
  a.style.display="none";
  b.style.display="none";
  c.style.display="none";
  d.style.display="none";
  e.style.display="none";
  ah.src = ah.src.replace("_on","_off");
  bh.src = bh.src.replace("_on","_off");
  ch.src = ch.src.replace("_on","_off");
  dh.src = dh.src.replace("_on","_off");
  eh.src = eh.src.replace("_on","_off");
	
  obj.style.display="block";

	src.childNodes[0].src = src.childNodes[0].src.replace("_off","_on");
	document.getElementById("hap_partner").style.display="none";	// For Firefox
	document.getElementById("hap_partner").style.display="block";
	src.className="purple";
}