if (navigator.userAgent.indexOf("MSIE 5") != -1 || navigator.userAgent.indexOf("MSIE 6") != -1 || navigator.userAgent.indexOf("MSIE 7") != -1) {
    var klasse = "className";
} else {
    var klasse = "class";
}

function tabs (tabdivID, instanz) {

    /* Ermittlung der Knoten in der Tab-Konstruktion */
    this.tabsID = document.getElementById(tabdivID); // Wurzelknoten der gesamten Tab-Konstruktion
    this.tabsNav = this.tabsID.getElementsByTagName("ul")[0]; // Knoten der Navigationsliste
    this.tabsNavLi = this.tabsNav.getElementsByTagName("li"); // Knoten-Array der Karteikartenreiter
    this.tabsDivs = this.tabsID.getElementsByTagName("div"); // Knoten-Array der Tabs
    
    /*  Zuweisung der Tab-Elemente mit ihren korrespondierenden CSS-Klassen */
    this.tabsNav.setAttribute(klasse, "ulNav");
    for (i=1; i <= this.tabsNavLi.length; i++)
            {
                this.tabsNavLi[i-1].setAttribute(klasse, "liNavInactive");
                this.tabsNavLi[i-1].setAttribute("id", "tabIndex"+i);
                
                if (navigator.userAgent.indexOf("MSIE 5") != -1 || navigator.userAgent.indexOf("MSIE 6") != -1 || navigator.userAgent.indexOf("MSIE 7") != -1) {
                    this.tabsNavLi[i-1].onclick = function () {
                        ieTabSwitch (tabdivID+"/"+this.id);
                    }
                } else {
                    this.tabsNavLi[i-1].setAttribute("onclick", instanz+".switchTab ('"+i+"');");
                }
            }
    this.tabsNavLi[0].setAttribute(klasse, "liNavActive");
    for (i=1; i <= this.tabsDivs.length; i++)
            {
                this.tabsDivs[i-1].setAttribute("id", "tabBody"+i);
                this.tabsDivs[i-1].setAttribute(klasse, "tabInactive");
            }
    if (navigator.userAgent.indexOf("MSIE 5") != -1 || navigator.userAgent.indexOf("MSIE 6") != -1 || navigator.userAgent.indexOf("MSIE 7") != -1) {
        this.tabsDivs[0].setAttribute(klasse, "tabActiveIE");
    } else {
        this.tabsDivs[0].setAttribute(klasse, "tabActive");
    }
    
    /* Tab Methoden */
    this.switchTab = tabSwitch;
    
}

function tabSwitch (tab) {
    for (i=1; i <= this.tabsNavLi.length; i++)
            {
                this.tabsNavLi[i-1].setAttribute(klasse, "liNavInactive");
            }
    this.tabsNavLi[tab-1].setAttribute(klasse, "liNavActive");
    for (i=1; i <= this.tabsDivs.length; i++)
            {
                this.tabsDivs[i-1].setAttribute(klasse, "tabInactive");
            }
    if (navigator.userAgent.indexOf("MSIE 5") != -1 || navigator.userAgent.indexOf("MSIE 6") != -1 || navigator.userAgent.indexOf("MSIE 7") != -1) {
        this.tabsDivs[tab-1].setAttribute(klasse, "tabActiveIE");
    } else {
        this.tabsDivs[tab-1].setAttribute(klasse, "tabActive");
    }
}

function ieTabSwitch (tabsid) {

    var tabsSplit = tabsid.split("/");
    var tabAkt = tabsSplit[1].substr(tabsSplit[1].length-1, 1);

    var tabsID = document.getElementById(tabsSplit[0]); // Wurzelknoten der gesamten Tab-Konstruktion
    var tabsNav = tabsID.getElementsByTagName("ul")[0]; // Knoten der Navigationsliste
    var tabsNavLi = tabsNav.getElementsByTagName("li"); // Knoten-Array der Karteikartenreiter
    var tabsDivs = tabsID.getElementsByTagName("div"); // Knoten-Array der Tabs
    
    for (i=1; i <= tabsNavLi.length; i++)
            {
                tabsNavLi[i-1].setAttribute(klasse, "liNavInactive");
            }
    tabsNavLi[tabAkt-1].setAttribute(klasse, "liNavActive");
    for (i=1; i <= tabsDivs.length; i++)
            {
                tabsDivs[i-1].setAttribute(klasse, "tabInactive");
            }
    tabsDivs[tabAkt-1].setAttribute(klasse, "tabActiveIE");
}