/**
*  CollapsibleList function
*
*  pass a unique id into this constructor to designate it as a collapsible element.  In your css,
*  make sure you specify a .collapsed class that represents this list collapsed
*/
function CL(elementID) 
{
  collapsibleArea = document.getElementById("cA" + elementID);
  collapsibleController = document.getElementById("cC" + elementID);
  CLt(elementID,collapsibleController,collapsibleArea);
}

function CLt(elementID,collapsibleController,collapsibleArea) 
{
   if (collapsibleArea.className.indexOf("co") >= 0) {
     CLe(elementID,collapsibleController,collapsibleArea);
     expandedExpand(elementID);
   } else {
     CLc(elementID,collapsibleController,collapsibleArea);
     expandedCollapse(elementID);
   }
}

function CLe(elementID,collapsibleController,collapsibleArea) 
{
   removeClass(collapsibleArea, "co");
   removeClass(collapsibleController, "co");
}

function CLc(elementID,collapsibleController,collapsibleArea) 
{
   addClass(collapsibleArea, "co");
   addClass(collapsibleController, "co");
}

function expandedExpand(elementID)
{
}

function expandedCollapse(elementID)
{
}

// minimizes a second section specified by id2, added for expertsZone.jsp
function addClass(element, className)
{
   removeClass(element, className);
   if (element.className)
      element.className += ' ' + className;
   else
      element.className = className
}

function removeClass(element, className)
{
   var newClassName = '';
   if (element && element.className)
   {
      var a = element.className.split(' ');
      for ( var i = 0; i < a.length; i++)
      {
         if (a[i] != className)
         {
            if (i > 0)
               newClassName += ' ';
            newClassName += a[i];
         }
      }
      element.className = newClassName;
   }
}