function toggleTab(current, holder) {
  var currentTab = document.getElementById(current);
  var currentHolder;
  var tabs = new Array();
  var siblings = currentTab.parentNode.childNodes;
  for (var i = 0; i < siblings.length; i++) {
    if (siblings[i].nodeName == 'LI') {
      tabs.push(siblings[i]);
    }
  }

  var holders = new Array();
  siblings = document.getElementById(holder).childNodes;
  for (var i = 0; i < siblings.length; i++) {
    if (siblings[i].nodeName == 'DIV') {
      holders.push(siblings[i]);
    }
  }

  for (var i = 0; i < tabs.length; i++) {
    if (tabs[i] != currentTab) {
      tabs[i].className = '';
      if (holders[i]) {
        holders[i].style.display = 'none';
      }
    } else {
      currentHolder = holders[i];
    }
  }
  currentTab.className = 'empCurrentTab';
  if (currentHolder) {
    currentHolder.style.display = 'block';
  }
  currentTab.firstChild.blur();
}

/* behavior of the skill selector */
function updateSkillSelector (elem) {
  switch (elem.name) {
    case "SkillsLevel0":
      if (elem.checked)
        $(elem).parent().parent().children("td").css('background','#FFFFCC');
      break;
    case "SkillsLevel1":
      if (elem.checked)
        $(elem).parent().parent().children("td").css('background','#CCFFCC');
      break;
    case "SkillsLevel2":
      if (elem.checked)
        $(elem).parent().parent().children("td").css('background','#CCE6FF');
      break;
    case "SkillsLevel3":
      if (elem.checked)
        $(elem).parent().parent().children("td").css('background','#FFCC99');
      break;
    case "SkillsLevel4":
      if (elem.checked)
        $(elem).parent().parent().children("td").css('background','#FF9999');
      break;
  }
}

/* jquery init */
$(function() {
  var $skillSelectors = $(".empSkillSelector");
  $skillSelectors.filter(".single").each(function() {
    $("input[@type=checkbox]", this).click(function() {
      $(this).parent().parent().find("td input").removeAttr('checked');
      $(this).attr('checked','checked');
      updateSkillSelector(this);
    }).
    each(function() {
      updateSkillSelector(this);
    });
    $("tr[@title]", this).Tooltip({
      delay:250,
      track:true,
      showURL:false,
      extraClass:'twiki',
      showBody:": "
    });
  });
  $skillSelectors.css('display', 'block');
});