function TabControl(selectionId, contentId) {
this.selectionId = selectionId;
this.contentId = contentId;
this.name = new Array();
this.lastTabId = 0;
this.add = function (name) {
this.name.push(name);
var selection = document.getElementById(this.selectionId);
var tabId = selection.childNodes.length;
if (this.name.length == 1) {
selection.appendChild(this.drawActive(name, tabId));
} else {
selection.appendChild(this.drawInactive(name, tabId));
}
}
this.select = function select(value) {
var name = this.name[this.lastTabId];
var selection = document.getElementById(this.selectionId);
var content = document.getElementById('tab_' + this.lastTabId);
selection.replaceChild(this.drawInactive(name, this.lastTabId), selection.childNodes[this.lastTabId]);
content.style.display = 'none';
name = this.name[value];
selection.replaceChild(this.drawActive(name, value), selection.childNodes[value]);
content = document.getElementById('tab_' + value);
content.style.display = 'block';
this.lastTabId = value;
}
this.drawInactive = function (name, tabId) {
var html = '';
html += ' ';
html += ' | ';
html += ' ' + name + ' | ';
html += ' | ';
html += '
';
html += '
';
var element = document.createElement('div');
element.innerHTML = html;
return element;
}
this.drawActive = function (name, tabId) {
var html = '';
html += ' ';
html += ' | ';
html += ' ' + name + ' | ';
html += ' | ';
html += '
';
html += '
';
var element = document.createElement('div');
element.innerHTML = html;
return element;
}
}