function TabPane(l,e,c,h){l.style.overflow='hidden';var j=document.createElement('div');j.style.cssText='position:relative; height:20px; z-index:2; overflow:hidden;';l.appendChild(j);var g=document.createElement('div');g.style.cssText='position:relative; top:-1px; z-index:1; padding:3px; overflow:hidden;';if(!e)e='gray';g.style.border='1px solid '+e;l.appendChild(g);var f=new Object();var k=new Object();var a;if(!c)c='none';if(!h)h='none';var addTab=function(tabName,label,contentId,tabOrder){var b=document.createElement('div');b.style.cssText='float:left; border:1px solid '+e+'; height:15px; margin:0px 3px; padding:2px 5px 1px 5px; cursor:pointer; background:'+c+';';b.innerHTML=label;b.tabName=tabName;b.onclick=n;if(typeof tabOrder!='undefined'&&j.childNodes[tabOrder])j.insertBefore(b,j.childNodes[tabOrder]);else{j.appendChild(b);}var d=document.getElementById(contentId);if(!d){d=document.createElement('div');d.id=contentId;}d.style.cssText='width:99%; height:99%; display:none; overflow:auto;';g.appendChild(d);f[tabName]=b;k[tabName]=d;};var fitContainerSize=function(){g.style.height=(l.clientHeight-j.offsetHeight-1-(parseInt(g.style.paddingTop)+parseInt(g.style.paddingBottom)))+'px';};var selectTab=function(tabName){var b=f[tabName];if(!b)return;if(a){a.style.borderBottomColor=e;a.style.background=c;k[a.tabName].style.display='none';}a=b;b.style.borderBottomColor='white';b.style.background=h;var p=k[tabName];p.style.display='block';};var hideTab=function(tabName){var b=f[tabName];if(b){b.style.display='none';if(b==a)for(var o in f)if(f[o]!=b){selectTab(o);break;}}};var showTab=function(tabName){var b=f[tabName];if(b)b.style.display='block';};var changeTabLabel=function(tabName,label){var b=f[tabName];if(b)b.innerHTML=label;};var getTabBody=function(tabName){return k[tabName];};var n=function(ev){var b=m(ev);if(b)selectTab(b.tabName);};var m=function(ev){var target;if(window.event&&window.event.srcElement)target=window.event.srcElement;else if(ev&&ev.target)target=ev.target;while(target&&target.nodeName.toLowerCase()!='div')target=target.parentNode;return target;};var getSelectedTabName=function(){return a.tabName;};this.addTab=addTab;this.fitContainerSize=fitContainerSize;this.selectTab=selectTab;this.hideTab=hideTab;this.showTab=showTab;this.changeTabLabel=changeTabLabel;this.getTabBody=getTabBody;this.getSelectedTabName=getSelectedTabName;}