function initTabs(){ var sets = document.getElementsByTagName("ul"); for (var i = 0; i < sets.length; i++) { if (sets[i].className.indexOf("tabset") != -1) { var tabs = []; var links = sets[i].getElementsByTagName("a"); for (var j = 0; j < links.length; j++) { if (links[j].className.indexOf("tab") != -1) { tabs.push(links[j]); links[j].tabs = tabs; var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1)); //reset all tabs on start if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block"; else c.style.display = "none"; links[j].onclick = function(){ var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1)); if (c) { //reset all tabs before change for (var i = 0; i < this.tabs.length; i++) { document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1)).style.display = "none"; this.tabs[i].className = this.tabs[i].className.replace("active", ""); } this.className += " active"; c.style.display = "block"; return false; } } } } } } } if (window.addEventListener) window.addEventListener("load", initTabs, false); else if (window.attachEvent) window.attachEvent("onload", initTabs);