function toggleTab(dlId,dtId,ddId) {
    hideAllHelpText();
    document.getElementById(dlId).className="visible";	
    document.getElementById(dtId).className="visible";	
    document.getElementById(ddId).className="visible";	
}

function changePixelValue(pixelValue,value)
{
   pixelValue = pixelValue.replace("px", "");
   var newValue = parseInt(pixelValue) + value;
   
   return newValue + "px";
}
   
function showOfDiv(tab,table) 
{
   for (var i = 1; i <= 8; i++) {  
      var currentTab = document.getElementById("tab" + i);  
      if(currentTab.className == "selected")
      {
         currentTab.className = "tab";
         currentTab.style.width = changePixelValue(currentTab.style.width,-2);
         currentTab.style.marginLeft = changePixelValue(currentTab.style.marginLeft,1);
      }
      
      var currentTable = document.getElementById("table" + i);  
      if(currentTable.className == "visible")
      {
         currentTable.className = "invisible";
      }      
   }  
   
   var newTab = document.getElementById(tab);  
   if(newTab.className == "tab")
   {
       newTab.className = "selected";
       newTab.style.width = changePixelValue(newTab.style.width,2);
       newTab.style.marginLeft = changePixelValue(newTab.style.marginLeft,-1);
   }
   
   var newTable = document.getElementById(table);  
   if(newTable.className == "invisible")
   {
       newTable.className = "visible";
   }    
}