/********************************************************************************************
* 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    Samuel Blume <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._activeTabIdx = 0;
	this._onTabSelectEvent

	this._constructor = function() {
		this._id = Bs_Objects.length;
		Bs_Objects[this._id] = this;
		this._objectId = "Bs_TabSet_"+this._id;
	}
	
	this.addTab = function(caption, container) {
		if (typeof(caption) == 'object') {
			var o = caption;
		} else {
			var o = new Object;
			o.caption   = caption;
			o.container = container;
		}
		o.tabIdx = this.tabs.length;
		this.tabs[o.tabIdx] = o;
	}

	this.render = function() {
		var ret = new Array;
		ret[ret.length] = '<div class="tabsetTabsDiv">';
		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._activeTabIdx) {
				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 + ');"><table cellspacing=0 cellpadding=3 border=0 width=100% height=100%><tr><td align=center style="font-family: arial; font-size:11px; color: #343434; letter-spacing: 0px; font-weight:400;" valign="middle"><b>' + this.tabs[i].caption + '</td></tr></table></div>&nbsp;&nbsp&nbsp;';
		}
		ret[ret.length] = '</div>';
		return ret.join('');
	}

	this.draw = function() {
		var elem = document.getElementById(this._outerElmId + '_tabs');
		if (elem) elem.innerHTML = this.render();
	}

	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';
				this.tabs[i].container.style.display = 'block';
				if (typeof(this.tabs[i].onFocus) != 'undefined') {
					this._triggerFunction(this.tabs[i].onFocus);
				}
				this.fireOnTabSelect();
			} else {
				elem.className = 'bsTabset bsTabsetInactive';
				this.tabs[i].container.style.display = 'none';
				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 (this._onTabSelectEvent == '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();
	
}