function tomSSTab(obj,contDiv) { this.div = obj; this.id = obj.getAttribute("id2"); var cc = obj.getAttribute("containedcontrols"); if(!cc=="") { var pan = this.div.getElementsByTagName("div"); this.panels = new Array(); for(i=0;i < pan.length;i++) { if(pan[i].className == "panel") { this.panels.push(pan[i]); } } var cEl = cc.split(","); for(i=0;i < cEl.length;i++) { var el = cEl[i]; var nr = el.split(":")[0]; var elID = el.split(":")[1]; var cc = gEL2(contDiv,elID); if(!cc) alert("Frame "+this.id+": nicht gefunden: "+elID); if(i==nr) { this.panels[i].appendChild(cc); cc.style.left = "0px"; cc.style.top = "0px"; } } this.setMN(0); } } tomSSTab.prototype.init = function() { var obj = this; var ul = this.div.getElementsByTagName("ul")[0]; var links = ul.getElementsByTagName("A"); for (var i=0; i< links.length; i++) { var a = links[i]; a.ndx = i; a.onclick = function() { obj.setMN(this.ndx); return false; } } } tomSSTab.prototype.setMN = function(nr) { var ul = this.div.getElementsByTagName("UL")[0]; var lis = ul.getElementsByTagName("LI"); for (var i=0; i< lis.length; i++) { lis[i].className = ""; } lis[nr].className = "current"; var panels = this.div.getElementsByTagName("div"); var ze=0; for (var i=0; i< panels.length; i++) { if(panels[i].className == "panel" || panels[i].className == "current") { panels[i].className = 'panel'; if(ze==nr) { panels[i].className = 'current'; } ze=ze+1; } } if(this.gui) { if(this.gui[this.id+"_Click"]) this.gui[this.id+"_Click"](nr); } } tomSSTab.prototype.resizeY = function() { rc = resizeY(this.div); this.setHeight(rc+20); } tomSSTab.prototype.setHeight = function(y) { for(i=0;i < this.panels.length;i++) { this.panels[i].style.height = y-45+"px"; } } tomSSTab.prototype.resize = function() { var max=0; var pan = this.div.getElementsByTagName("div"); for(i=0;i < pan.length;i++) { var cls = pan[i].className; if(cls == "panel" || cls == "current") { pan[i].style.display="block"; var he = pan[i].offsetHeight; pan[i].style.display=""; if(he>max) max=he; } } for(i=0;i < pan.length;i++) { var cls = pan[i].className; if(cls == "panel" || cls == "current") { pan[i].style.height=max+"px"; } } }