/********************************************************************************************
* BlueShoes Framework; This file is part of the php application framework.
* NOTE: This code is stripped (obfuscated). To get the clean documented code goto 
*       www.blueshoes.org and register for the free open source *DEVELOPER* version or 
*       buy the commercial version.
*       
*       In case you've already got the developer version, then this is one of the few 
*       packages/classes that is only available to *PAYING* customers.
*       To get it go to www.blueshoes.org and buy a commercial version.
* 
* @copyright www.blueshoes.org
* @author    sam blum <sam-at-blueshoes-dot-org>
* @author    Andrej Arn <andrej-at-blueshoes-dot-org>
*/
if (!Bs_Objects) {var Bs_Objects = [];};function Bs_TabSet(outerElmId) {
var a = arguments;this._outerElmId = (a.length>1) ? a[1] :  a[0];this._id;this._objectId;this.tabs = new Array;this.defaultTab = 0;this._activeTabIdx = 0;this._onTabSelectEvent
this.drawStyle = 'css';this.imgPath;this.imgBorderSize;this._constructor = function() {
this._id = Bs_Objects.length;Bs_Objects[this._id] = this;this._objectId = "Bs_TabSet_"+this._id;}
this.addTab = function(caption, container, onTabSelect) {
if (typeof(caption) == 'object') {
var o = caption;} else {
var o = new Object;o.caption   = caption;if ((typeof(container) != 'undefined') && (container != null) && (container)) {
if (typeof(container) == 'string') {
o.container = document.getElementById(container);o.id        = container;} else {
o.container = container;o.id        = container.id
}
}
if (typeof(onTabSelect) != 'undefined') {
o.onTabSelect = onTabSelect;}
}
o.tabIdx = this.tabs.length;this.tabs[o.tabIdx] = o;}
this.render = function() {
var ret = new Array;ret[ret.length] = '<div class="tabsetTabsDiv">';if (this.drawStyle == 'img') {
var contentDiv = document.getElementById(this._outerElmId + '_content');if (contentDiv) {
var preHtml = '';preHtml += '<table border="0" cellspacing="0" cellpadding="0">';preHtml += '<tr>';preHtml += '<td width="' + this.imgBorderSize + '" background="' + this.imgPath + 'line_left.gif"><img src="' + this.imgPath + 'spacer.gif" width="' + this.imgBorderSize + '"></td>';preHtml += '<td>';var postHtml = '';postHtml += '</td>';postHtml += '<td width="' + this.imgBorderSize + '"  background="' + this.imgPath + 'line_right.gif"><img src="' + this.imgPath + 'spacer.gif" width="' + this.imgBorderSize + '"></td>';postHtml += '</tr>';postHtml += '<tr>';postHtml += '<td height="' + this.imgBorderSize + '" width="' + this.imgBorderSize + '"><img src="' + this.imgPath + 'line_cornerBottomLeft.gif"></td>';postHtml += '<td height="' + this.imgBorderSize + '" background="' + this.imgPath + 'line_bottom.gif"><img src="' + this.imgPath + 'spacer.gif" height="' + this.imgBorderSize + '"></td>';postHtml += '<td height="' + this.imgBorderSize + '" width="' + this.imgBorderSize + '"><img src="' + this.imgPath + 'line_cornerBottomRight.gif"></td>';postHtml += '</tr>';postHtml += '</table>';contentDiv.innerHTML = preHtml + contentDiv.innerHTML + postHtml;for (var i=0; i<this.tabs.length; i++) {
this.tabs[i].container = document.getElementById(this.tabs[i].id);}
}
ret[ret.length] = '<table border="0" cellspacing="0" cellpadding="0" id="' + this._objectId + '_outerTable"><tr>';ret[ret.length] = '<td valign="bottom"><img src="' + this.imgPath + 'line_cornerTopLeft.gif"></td>';ret[ret.length] = '<td valign="bottom"><img src="' + this.imgPath + 'line_bottom.gif" width="5" height="' + this.imgBorderSize + '"></td>';for (var i=0; i<this.tabs.length; i++) {
var actOrPasString = (i == this.defaultTab) ? 'open' : 'closed';if (i == this.defaultTab) {
var cls = 'bsTabsetActive';} else {
var cls = 'bsTabsetInactive';if (this.tabs[i].container) this.tabs[i].container.style.display = 'none';}
ret[ret.length] = '<td>';ret[ret.length] = '<table border="0" cellspacing="0" cellpadding="0">';ret[ret.length] = '<tr>';if (i == 0) ret[ret.length] = '<td width="' + this.imgBorderSize + '" rowspan="100%"><img src="' + this.imgPath + 'left_' + actOrPasString + '.gif"></td>';ret[ret.length] = '<td height="' + this.imgBorderSize + '" background="' + this.imgPath + 'top.gif"><img src="' + this.imgPath + 'spacer.gif" width="1" height="' + this.imgBorderSize + '"></td>';if (i == (this.tabs.length -1)) {
ret[ret.length] = '<td width="' + this.imgBorderSize + '" rowspan="100%"><img src="' + this.imgPath + 'right_' + actOrPasString + '.gif"></td>';} else {
ret[ret.length] = '<td width="' + this.imgBorderSize + '" rowspan="100%"><img src="' + this.imgPath + 'middle.gif"></td>';}
ret[ret.length] = '</tr>';ret[ret.length] = '<tr>';ret[ret.length] = '<td id="' + this._objectId + '_tdBg_' + i + '" background="' + this.imgPath + 'bg_' + actOrPasString + '.gif">';ret[ret.length] = '<div unselectable="On" id="' + this._objectId + '_tabCap_' + i + '" class="bsTabset ' + cls + '" style="display:inline;" onclick="Bs_Objects['+this._id+'].switchTo(' + i + ');">';ret[ret.length] = '<nobr>' + this.tabs[i].caption + '</nobr>';ret[ret.length] = '</div>';ret[ret.length] = '</td>';ret[ret.length] = '</tr>';ret[ret.length] = '<tr>';ret[ret.length] = '<td id="' + this._objectId + '_tdLineBottom_' + i + '" height="' + this.imgBorderSize + '" background="' + this.imgPath + 'bottom_' + actOrPasString + '.gif"><img src="' + this.imgPath + 'spacer.gif" width="1" height="' + this.imgBorderSize + '"></td>';ret[ret.length] = '</tr>';ret[ret.length] = '</table>';ret[ret.length] = '</td>';}
ret[ret.length] = '<td id="' + this._objectId + '_tdLineBottom" valign="bottom" width="10"><img src="' + this.imgPath + 'line_bottom.gif" height="' + this.imgBorderSize + '" width="100%"></td>';ret[ret.length] = '<td valign="bottom"><img src="' + this.imgPath + 'line_cornerTopRight.gif" height="' + this.imgBorderSize + '" width="' + this.imgBorderSize + '"></td>';ret[ret.length] = '</tr></table>';} else {
ret[ret.length] = '<div style="width:2px; min-width:2px; display:inline;"></div>';for (var i=0; i<this.tabs.length; i++) {
if (i == this.defaultTab) {
var cls = 'bsTabsetActive';} else {
var cls = 'bsTabsetInactive';if (this.tabs[i].container) this.tabs[i].container.style.display = 'none';}
ret[ret.length] = '<div unselectable="On" id="' + this._objectId + '_tabCap_' + i + '" class="bsTabset ' + cls + '" style="display:inline;" onclick="Bs_Objects['+this._id+'].switchTo(' + i + ');">' + this.tabs[i].caption + '</div>';}
}
ret[ret.length] = '</div>';return ret.join('');}
this.draw = function() {
var elem = document.getElementById(this._outerElmId + '_tabs');if (elem) elem.innerHTML = this.render();if (this.drawStyle == 'img') {
var tdLine     = document.getElementById(this._objectId + '_tdLineBottom');var outerTable = document.getElementById(this._objectId + '_outerTable');var tds = outerTable.firstChild.firstChild.childNodes;var allTdWidth = 0;for (var i=0; i<tds.length; i++) {
if (tds[i] == tdLine) continue;allTdWidth += tds[i].offsetWidth;}
var outerDiv  = document.getElementById(this._outerElmId);var lineWidth = outerDiv.offsetWidth - allTdWidth;tdLine.width  = lineWidth;}
}
this.switchTo = function(theReg) {
newRegIdx = -1;if (theReg == '') theReg = '0';if (isNaN(parseInt(theReg))) {
for (var i=0; i<this.tabs.length; i++) {
if (this.tabs[i].caption == theReg) (newRegIdx = i);}
} else {
newRegIdx = theReg;}
if (newRegIdx < 0) return;for (var i=0; i<this.tabs.length; i++) {
var elem = document.getElementById(this._objectId + '_tabCap_' + i);if (!elem) continue;if (newRegIdx == i) {
this._activeTabIdx = i;elem.className = 'bsTabset bsTabsetActive';if (typeof(this.tabs[i].container) != 'undefined') {
this.tabs[i].container.style.display = 'block';}
if (this.drawStyle == 'img') {
var td = document.getElementById(this._objectId + '_tdLineBottom_' + i);td.background = this.imgPath + 'bottom_open.gif';var td = document.getElementById(this._objectId + '_tdBg_' + i);td.background = this.imgPath + 'bg_open.gif';}
if (typeof(this.tabs[i].onFocus) != 'undefined') {
this._triggerFunction(this.tabs[i].onFocus);}
this.fireOnTabSelect();} else {
elem.className = 'bsTabset bsTabsetInactive';if (typeof(this.tabs[i].container) != 'undefined') {
this.tabs[i].container.style.display = 'none';}
if (this.drawStyle == 'img') {
var td = document.getElementById(this._objectId + '_tdLineBottom_' + i);td.background = this.imgPath + 'bottom_closed.gif';var td = document.getElementById(this._objectId + '_tdBg_' + i);td.background = this.imgPath + 'bg_closed.gif';}
if (typeof(this.tabs[i].onBlur) != 'undefined') {
this._triggerFunction(this.tabs[i].onBlur);}
}
}
}
this.getActiveTab = function() {
return this.tabs[this._activeTabIdx];}
this.onTabSelect = function(yourEvent) {
this._onTabSelectEvent = yourEvent;}
this.fireOnTabSelect = function() {
if (this._onTabSelectEvent) {
func = this._onTabSelectEvent;if (typeof(func) == 'string') {
eval(func);} else {
func(this);}
}
var tab = this.getActiveTab();if (tab.onTabSelect) {
func = tab.onTabSelect;if (typeof(func) == 'string') {
eval(func);} else {
func(this);}
}
return true;}
this._triggerFunction = function(func) {
if (typeof(func) == 'function') {
func();} else if (typeof(func) == 'string') {
eval(func);}
}
this._constructor();}