function tabsContainer() {
	this.tabs = [];
	this.clickedTabID = null;
	
	this.addTab = function (obj) {
		this.tabs[this.tabs.length] = new tab(obj);
	};
	
	this.getTabByID = function(id) {
		var tab = false;
		for (var i=0; i<this.tabs.length; i++) {
			obj = this.tabs[i];
			if (obj.getTabID()==id)
				tab = obj;
		}
		return tab;
	};
}

function tab(tab) {
	this.obj = tab;
	this.clicked = false;
	this.defaultColor = true;
	
	this.getObject = function() {
		return this.obj;
	};
	
	this.getTabID = function() {
		var id = false;
		for (var i=0; i<this.obj.attributes.length; i++) {
			if (this.obj.attributes[i].name=="id")
				id = this.obj.attributes[i].value;
		}
		return id;
	};
	
	this.setMargin = function() {
		if (this.clicked) {
			this.obj.style.marginLeft = "20px";
		} else 
			this.obj.style.marginLeft = "0";
	};
	
	this.changeTabBckgrnd = function() {
		if (!this.clicked) {
			if (this.defaultColor) {
				this.obj.style.background = "url(/offlineResources/images/big_meniu_dark.gif) repeat-x top #FFFFFF";
				for (i=0; i<this.obj.childNodes.length; i++){
					if (this.obj.childNodes[i].nodeName=="IMG") {
						className = this.obj.childNodes[i].className; 
						if (className=="left")
							this.obj.childNodes[i].src = "/offlineResources/images/big_left_meniu_dark.gif";
						if (className=="right")
							this.obj.childNodes[i].src = "/offlineResources/images/big_right_meniu_dark.gif";
					}
				}
				this.defaultColor = false;
			} else {
				this.obj.style.background = "url(/offlineResources/images/big_meniu.gif) repeat-x top #FFFFFF";
				for (i=0; i<this.obj.childNodes.length; i++){
					if (this.obj.childNodes[i].nodeName=="IMG") {
						className = this.obj.childNodes[i].className; 
						if (className=="left")
							this.obj.childNodes[i].src = "/offlineResources/images/big_left_meniu.gif";
						else
							this.obj.childNodes[i].src = "/offlineResources/images/big_right_meniu.gif";
					}
				}
				this.defaultColor = true;
			}
		}
	};
}