// JavaScript Document

function highlight(targetId)
    {
      var i1 = document.getElementById("initiator1");
      var i2 = document.getElementById("initiator2");
	  var i3 = document.getElementById("initiator3");
	  var i4 = document.getElementById("initiator4");
      var t1 = document.getElementById("target1");
      var t2 = document.getElementById("target2");
	  var t3 = document.getElementById("target3");
	  var t4 = document.getElementById("target4");
      i1.className = t1.className = t1.id == targetId ? "orangetext" : "";
      i2.className = t2.className = t2.id == targetId ? "orangetext" : "";
	  i3.className = t3.className = t3.id == targetId ? "orangetext" : "";
	  i4.className = t4.className = t4.id == targetId ? "orangetext" : "";
    }

    if (window.addEventListener) {
      window.addEventListener("load", function() {
          var i1 = document.getElementById("initiator1");
          var i2 = document.getElementById("initiator2");
		  var i3 = document.getElementById("initiator3");
		  var i4 = document.getElementById("initiator4");
          i1.addEventListener("mouseover", function() {highlight("target1")}, false);
          i1.addEventListener("mouseout", function() {highlight("")}, false);
          i2.addEventListener("mouseover", function() {highlight("target2")}, false);
          i2.addEventListener("mouseout", function() {highlight("")}, false);
		  i3.addEventListener("mouseover", function() {highlight("target3")}, false);
          i3.addEventListener("mouseout", function() {highlight("")}, false);
		  i4.addEventListener("mouseover", function() {highlight("target4")}, false);
          i4.addEventListener("mouseout", function() {highlight("")}, false);
          highlight("target2");
          }, false);
    } else if (window.attachEvent) {
      window.attachEvent("onload", function() {
          var i1 = document.getElementById("initiator1");
          var i2 = document.getElementById("initiator2");
		  var i3 = document.getElementById("initiator3");
		  var i4 = document.getElementById("initiator4");
          i1.attachEvent("onmouseover", function() {highlight("target1")});
          i1.attachEvent("onmouseout", function() {highlight("")});
          i2.attachEvent("onmouseover", function() {highlight("target2")});
          i2.attachEvent("onmouseout", function() {highlight("")});
		  i3.attachEvent("onmouseover", function() {highlight("target3")});
          i3.attachEvent("onmouseout", function() {highlight("")});
		  i4.attachEvent("onmouseover", function() {highlight("target4")});
          i4.attachEvent("onmouseout", function() {highlight("")});
          highlight("target2");
          });
    }