function showTab(tabname, tabDivId){

        var tabDiv = document.getElementById(tabDivId);

	var thisChild = tabDiv.firstChild;
	while (thisChild != null && (thisChild != tabDiv.lastChild))
	{
           if ( thisChild.nodeType == 1)
           {
            if(thisChild.id == tabname)
	    {
	 	thisChild.className = 'activePanel'
 	    } else if(thisChild.id == 'tabnav') {
               
              setChildClassNames(thisChild, 'inactiveTab');
              var tabAChild = findChildById(thisChild, 'tab_' + tabname);	       
	      tabAChild.className = 'activeTab';
            } else {
		thisChild.className = 'hiddenPanel'
            }

           }	   
           thisChild = thisChild.nextSibling;
	}
}

function setChildClassNames(domNode, name)
{
	var thisChild = domNode.firstChild;
	while (thisChild != null)
	{
           thisChild.className = name;
           setChildClassNames(thisChild, name);
           thisChild = thisChild.nextSibling;
	}

}

function findChildById(domNode, id)
{

	var thisChild = domNode.firstChild;
	while (thisChild != null)
	{
            if(thisChild.id == id)
	    {
              return thisChild;
 	    } 



            found =  findChildById(thisChild, id)
            if(found) return found;
   
           thisChild = thisChild.nextSibling;
	}
return null;
}