function MyTabItem(t,l,i){
	this.Title = t;
	this.Link = l;
	this.Icon = i;
	this.Selected = -1;
	this.Changes = new Array();
}

function MyTab(cssp,css,overcss,mcss){
	this.Items = new Array();
	this.OnChange = null;
	this.Selected = -1;
	this.Css = css;
	this.CssOver = overcss;
	this.CssPlace = cssp;
	this.mCss = mcss;
}
MyTab.prototype = {
	addItem : function(title,link,icon){
		this.Items.push(new MyTabItem(title,link,icon));
	},
	MakeText : function(i,o){
		if(o)return i.Title;
		else return ' '+i.Title+'&nbsp';
	},
	Make : function(placeid){
		var place = document.getElementById(placeid);
			if(!place)return;
		var tbl = document.createElement("table");
		tbl.cellSpacing = 0;
		tbl.cellPadding = 0;
		tbl.className = this.CssPlace;
		var tbody = document.createElement("tbody");
		tbl.appendChild(tbody);
		var tr = document.createElement("tr");
		tbody.appendChild(tr);
		if(this.Items.length > 0){
			var td;
			var cur;

			td = document.createElement("td");
			td.className=this.mCss;
			td.innerHTML = "";
			tr.appendChild(td);
			var i;
			for(i = 0 ; i < this.Items.length; i++){
				cur = this.Items[i];
				td = document.createElement("td");
				td.innerHTML = this.MakeText(cur,false);
				td.className = this.Css;
				td.ItemId = i;
				td.Man = this;
				td.onclick = function(){this.Man.set_Value(this.ItemId);};
				tr.appendChild(td);
				cur.Changes.push(td);
				
				td = document.createElement("td");
				td.className=this.mCss;
				td.innerHTML = "";
				tr.appendChild(td);
			}
		}
		td = document.createElement("td");
		td.style.width = '100%';
		td.innerHTML = "&nbsp;";
		tr.appendChild(td);
		place.appendChild(tbl);
	},
	set_Value : function(i){
		var c;
		var lst;
		if(this.Selected >= 0)
			this.Items[this.Selected].Changes[0].className = 'Tab';

		this.Items[i].Changes[0].className = 'TabOver';
		this.Selected = i;
		if(this.OnChange)
			this.OnChange(this.Selected);
	}
}