
function initSelects() {
  var div, lis;
  var k = 0;
  
  while(document.getElementById("selectObj_" + k)) {
    div = document.getElementById("selectObj_" + k);

    // In Company Blue, there is no <h4> element in selectObj_2, so don't try to attach events.
    if (! div.getElementsByTagName("h4").length) {
      k++;
      continue;
    }

    selActiveArr[k] = [];
    selActiveArr[k][0] = div;
    selActiveArr[k][1] = false;

    div.onmouseover = function() {
      selActiveArr[this.id.replace("selectObj_", "")][1] = true;
    };

    div.onmouseout = function() {
      selActiveArr[this.id.replace("selectObj_", "")][1] = false;
    };

    div.getElementsByTagName("h4")[0].onclick = showDropdown;

    lis = div.getElementsByTagName("li");
    for(var n=0; n<lis.length; n++) {
      lis[n].onmouseover = function() {
        this.style.color = "#ffffff";
        this.style.background = "#0a246a";
      };

      lis[n].onmouseout = function() {
        this.style.color = "#4b90cd";
        this.style.background = "#ffffff";
      };

      lis[n].onclick = liClick;
      var attr = lis[n].getAttribute("selected");
      if (attr == "selected")
        {
        var list = lis[n].parentNode;
        var container = list.parentNode;
        
        container.getElementsByTagName("h4")[0].innerHTML = lis[n].innerHTML;
        container.getElementsByTagName("input")[0].value = lis[n].value;
        list.style.display = "none";
        }

    }

    k++;
  }

  YAHOO.util.Event.addListener(document.body, "click", selObjOffClick);
}

function showDropdown() {
  var ul = this.parentNode.getElementsByTagName("ul")[0];
  ul.style.display = (ul.style.display == "block") ? "none" : "block";
}

function liClick() {
  var ul = this.parentNode;
  var div = ul.parentNode;
  
  div.getElementsByTagName("h4")[0].innerHTML = this.innerHTML;
  div.getElementsByTagName("input")[0].value = this.value;
  ul.style.display = "none";
}

function selObjOffClick() {
  for(var i=0; i<selActiveArr.length; i++) {
    if(!selActiveArr[i][1])
      selActiveArr[i][0].getElementsByTagName("ul")[0].style.display = "none";
  }
}

var selActiveArr = [];

YAHOO.util.Event.addListener(window, "load", initSelects);
