function showContent()
  {
    
    clearContent(this.tabcontainer);    
    if(this.className == '') {this.className = "pdactive";}
    else {this.className += " pdactive";}
    
    this.contentdiv.style.display = "block"
    if (this.associframe != null)
      {
        this.associframe.style.height = this.associframe.loadheight + "px"
        this.associframe.src = this.associframe.loadsrc + "&rnd=" + Math.random()
      }
    
    return false
    
  }
  

/* to'h 20071207: changed to loop over tabcontainer.childNodes and check node name
   instead of all divs in the tab area and checking parentage (fewer items to loop over) */  
function clearContent(tabcontainer)
  {
    for (var i = 0; i < tabcontainer.childNodes.length; i++)
    {      
      if (tabcontainer.childNodes[i].nodeName == 'DIV')
        {
          tabcontainer.childNodes[i].style.display = "none"
        }
    }
    for (i = 0; i < tabcontainer.pdtablinks.length; i++)
      {
        tabcontainer.pdtablinks[i].className = tabcontainer.pdtablinks[i].className.replace(/pdactive/,'') 
      }
  }
     
function initializeTabs(DOMnode)
  {
    if (!document.getElementById) {return}
    if (DOMnode == null) {DOMnode = document}
    
    var pdnavdiv = document.getElementById("pdnav")
    if (pdnavdiv == null) {return}
    var pdtablinks = pdnavdiv.getElementsByTagName("A")
    
    var lastLink = pdtablinks[pdtablinks.length -1]
    if(lastLink != null)
      {
        if(lastLink.className == '') {lastLink.className = "last";}
        else {lastLink.className += " last";}
      }    
    
    var firstLink = pdtablinks[0]
   
    if(firstLink != null)
      {
        if(firstLink.className == '') {firstLink.className = "first";}
        else {firstLink.className += " first";}
      }  
    
    
    var tabcontainer = document.getElementById("pdtabcontentcontainer")
    var innerContentArray = new Array();
    var maxheight = 0;
    for (i = 0, tablen = pdtablinks.length; i < tablen; i++)
      {        
        pdtablinks[i].tabcontainer = tabcontainer
        pdtablinks[i].tabcontainer.pdtablinks = pdtablinks
        pdtablinks[i].contentdiv = document.getElementById(pdtablinks[i].id.replace(/pdnav_/,''))
        if (pdtablinks[i].contentdiv != null)
          {
            innerContentArray.push(pdtablinks[i].contentdiv)
            if(pdtablinks[i].contentdiv.offsetHeight > maxheight) {maxheight = pdtablinks[i].contentdiv.offsetHeight} //store height, if taller than existing tallest height
          }
        pdtablinks[i].associframe = document.getElementById(pdtablinks[i].id.replace(/pdnav_/,'') + "frame")
        pdtablinks[i].onclick = showContent
        if (!pdtablinks[i].className.match(/pdactive/)) {pdtablinks[i].contentdiv.style.display = "none"}      
      } 
      
    if (window.enforceUniformTabHeight)
      {
        maxheight += 'px'
        for (i = 0, tablen = innerContentArray.length; i < tablen; i++)
          {
            innerContentArray[i].style.height = maxheight
          }
      }       
    
    if (window.extraTabAction){window.extraTabAction()}
    
  } 
//---------------------------

window.hasPDtabs = true;
initializeTabs()