addEvent = function(obj, type, fn) {
	if (obj.addEventListener)
		obj.addEventListener(type, fn, false);
	else if (obj.attachEvent) {
		obj['e' + type + fn] = fn;
		obj[type+fn] = function() { obj['e' + type + fn](window.event); };
		obj.attachEvent('on' + type, obj[type + fn]);
	}
}

var _tabbuttons;
var _tabbox;
var _tabheaders = [];
var _tabcontents = [];
var s=0;
var p=0;

normalizeTabs = function() {
    document.getElementById('wellcome').style.display = 'none';
    document.getElementById('tabid').className = "tabs";
    document.getElementById('tabboxid').style.display = 'block';
}

init = function() {
    _tabbuttons = document.getElementById('tabid').getElementsByTagName('a');
    wellcomeObj = document.getElementById('wellcome');
    addEvent(wellcomeObj, 'click', function() {
        normalizeTabs();
        _tabbuttons[0].parentNode.parentNode.parentNode.className += ' active';
    })
    _tabbox = document.getElementById('tabboxid').getElementsByTagName('dl');
    _caseH3 = document.getElementById('caseid').getElementsByTagName('h3');
    _caseA = document.getElementById('caseid').getElementsByTagName('a');
    for (var i = 0; i < _tabbox.length; i++) {
        _tabheaders.push(_tabbox[i].getElementsByTagName('dt'));
        _tabcontents.push(_tabbox[i].getElementsByTagName('dd'));
    }
    for (var i = 0; i < _tabheaders.length; i++) {
        for (var j = 0; j < _tabheaders[i].length; j++) {
            _tabheaders[i][j].countI = i;
            _tabheaders[i][j].countJ = j;
            _tabheaders[i][j].pcount = s;
            s++;
        }
    }
    for (var i = 0; i < _tabbuttons.length; i++) {
        _tabbuttons[i].count = i;
        addEvent(_tabbuttons[i], 'click', function(e) {
            normalizeTabs();
            for (var j = 0; j < _tabbuttons.length; j++) {
                _tabbuttons[j].parentNode.parentNode.parentNode.className = '';
                _tabbox[j].className = '';
            }
            this.parentNode.parentNode.parentNode.className = 'active';
            _tabbox[this.count].className = 'active';
            p = 0;
            for (var k = 0; k < _tabheaders.length; k++) {
                for (var l = 0; l < _tabheaders[k].length; l++) {
                    _tabheaders[k][l].className = '';
                    _tabcontents[k][l].className = '';
                    _caseH3[p].className = '';
                    _caseA[p].className = 'button';
                    p++;
                }
            }
            _tabheaders[this.count][0].className = 'active';
            _tabcontents[this.count][0].className = 'active';
            _caseH3[_tabheaders[this.count][0].pcount].className = 'active';
            _caseA[_tabheaders[this.count][0].pcount].className = 'button active';
            if (e.preventDefault)
                e.preventDefault()
            else
                e.returnValue = false
        });
    }
    for (var i = 0; i < _tabheaders.length; i++) {
        for (var j = 0; j < _tabheaders[i].length; j++) {
            addEvent(_tabheaders[i][j], 'click', function() {
                p = 0;
                for (var k = 0; k < _tabheaders.length; k++) {
                    for (var l = 0; l < _tabheaders[k].length; l++) {
                        _tabheaders[k][l].className = '';
                        _tabcontents[k][l].className = '';
                        _caseH3[p].className = '';
                        _caseA[p].className = 'button';
                        p++;
                    }
                }
                this.className = 'active';
                _tabcontents[this.countI][this.countJ].className = 'active';
                _caseH3[this.pcount].className = 'active';
                _caseA[this.pcount].className = 'button active';
            });
        }
    }
}

addEvent(window,'load',init);