function SelectTab(tabContentID, ownerDocument) 
{
    var currentDocument;
    if (ownerDocument == undefined || !ownerDocument) {
        currentDocument = document;
    }
    else
    {
        currentDocument = ownerDocument;    
    }
    var tabHeaderID = "tabH_" + tabContentID;
    var oTabHeader = currentDocument.getElementById(tabHeaderID);
    oTabHeader.className = "tabbedPanel_selected";  // select the tab heading

    // unselect the other tab headings
    for (var i = 0; i < oTabHeader.parentNode.childNodes.length; i++) {
        var header = oTabHeader.parentNode.childNodes[i];

        if (header.id != tabHeaderID)
            header.className = "";
    }

    // show the relevant tab content divs if we have them defined
    var oTab = currentDocument.getElementById(tabContentID);
    if (oTab != null) {
        oTab.style.display = 'block';

        // hide the other tab content div's...
        var oTabPanel = oTab.parentNode;
        for (i = 0; i < oTabPanel.childNodes.length; i++) {
            var tab = oTabPanel.childNodes[i];

            if ((tab.className == "tabbedPanel_content_shell") && (tab.id != tabContentID))
                tab.style.display = 'none';
        }
    }
}