function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if (node == null)
    node = document;
  if (tag == null)
    tag = '*';
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
  for (i = 0, j = 0; i < elsLen; i++) {
    if (pattern.test(els[i].className) ) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}

function activate(fieldName, tabName)
{
    setActiveField(fieldName);
    setActiveTab(tabName);
}

function setActiveTab(tabName)
{
    tabs = document.getElementById("tablist").getElementsByTagName("li");
    for(var i = 0; i < tabs.length; i++)
    {
        if(tabs[i].id.indexOf(tabName) < 0)
        {
            tabs[i].className = "";
        }
        else
        {
            tabs[i].className = "selected";
        }
    }
    //var tab = document.getElementById(tabName);
    //tab.className = "selected";
}

function setActiveField(fieldName)
{
    fields = getElementsByClass("tabinfo");
    for (var i = 0; i < fields.length; i++) 
    {
        var myClass = fields[i].className;
        if(fields[i].id.indexOf(fieldName) < 0 )
        {
            fields[i].className = "tabinfo invisible";
        }
        else
        {
            fields[i].className = "tabinfo visible";
        }
        
    }
}