
changeTab = function() {
    var tabs = new Array();
    if ( document.getElementById("TabHeader") ) {
        tabs = document.getElementById("TabHeader").getElementsByTagName("LI");
    }
    for ( var i = 0; i < tabs.length; i++ ) {
        tabs[i].onclick = function() {
            var tabHeaders = document.getElementById("TabHeader").getElementsByTagName("LI");
            var tabContents = getElementsByClass("TabContentPanel");
            for ( var i = 0; i < tabHeaders.length; i++ ) {
                if ( tabHeaders[i] == this ) {             
                    this.id = "THSelected";
                    tabContents[i].id = "TCPSelected";
                }
                else {
                    tabHeaders[i].id = "";
                    tabContents[i].id = "";
                }
            }
            return false;
        }
    }
}
if (window.attachEvent) {
    window.attachEvent("onload", changeTab);
}
else if (window.addEventListener) {
    window.addEventListener("load", changeTab, false);
}

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if ( node == null )
        node = document;
    if ( tag == null )
        tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
    for (i = 0, j = 0; i < elsLen; i++) {
        if ( pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }
    return classElements;
}
