

function setActiveTab(tabPanelName) {
    var tabPanel = document.getElementById(tabPanelName);
    if (tabPanelName && tabPanel) {
        var tabs = tabPanel.getElementsByTagName('li');
        for (var i=0; i<tabs.length; i++) {
            var tab = tabs[i];
            if (tab.className == 'active' || tab.className == '') {
                tab.onclick = function () {
                    var getEls = document.getElementById(tabPanelName).getElementsByTagName('li');
                        for (var z=0; z<getEls.length; z++) {
                        getEls[z].className=getEls[z].className.replace('active', '');
                        }
                    var getEls = document.getElementById(tabPanelName + '_content').getElementsByTagName('div');
                        for (var z=0; z<getEls.length; z++) {
                        getEls[z].className=getEls[z].className.replace('show', 'hide');
                        }
                    this.className = 'active';
                    this.blur();
                    var max = this.getAttribute('title');
                    document.getElementById(max).className = "show";
                }
            }
        }
    }
}

