var clientArray;
function clientListInitialise() {
  var elemArray
  var count;
  var i;
  var clientgroup_id;
  // get all list elements
  elemArray = $('clientgroups').childElements();
  count = elemArray.length;
  // add mouse events to highlight clients on hover
  for (i = 0; i < count; i++) {
    elemArray[i].onmouseover = function() {
      clientgroup_id = this.identify();
      clientgroup_id = clientgroup_id.slice(3);
      unhighlightall();
      highlight(clientgroup_id);
    }
    elemArray[i].onmouseout = function() {
      clientgroup_id = this.identify();
      clientgroup_id = clientgroup_id.slice(3);
      unhighlightall();
    }
  }
  $('clientgroups').onmouseout = function() {
      clearall();
   }
}
function highlight(clientgrp_id) {
  var elemArray
  var count;
  var i;
  //alert ('highlight ' + clientgrp_id);
  var elemArray = $$('.cg_' + clientgrp_id.toString());
  count = elemArray.length;
  for (i = 0; i < count; i++) {
    elemArray[i].removeClassName('faded');
    elemArray[i].addClassName('highlighted');
  }
}
function unhighlightall() {
  var elemArray
  var count;
  var i;
  elemArray = clientArray;
  count = elemArray.length;
  for (i = 0; i < count; i++) {
    elemArray[i].addClassName('faded');
    elemArray[i].removeClassName('highlighted');
  }
}
function clearall() {
  var elemArray;
  var count;
  var i;
  elemArray = clientArray;
  count = elemArray.length;
  for (i = 0; i < count; i++) {
    elemArray[i].removeClassName('faded');
    elemArray[i].removeClassName('highlighted');
  }
}
function getclients() {
  var elemArray;
  var elemArrayTemp1;
  var elemArrayTemp2 = new Array();
  var count;
  var i;
  elemArray = $$('.clients');
  count = elemArray.length;
  for (i = 0; i < count; i++) {
    elemArrayTemp1 = elemArray[i].childElements();
    elemArrayTemp2 = elemArrayTemp2.concat(elemArrayTemp1);
  }
  clientArray = elemArrayTemp2;
}
window.onload = function() {
  clientListInitialise();
  getclients();
}