Type.registerNamespace("Rjs.UI");

Rjs.UI.Tab = function(header, body) {
	this.Header = header;
	this.Body = body;
}
Rjs.UI.Tab.registerClass('Rjs.UI.Tab');

Rjs.UI.MultiTab = function() {
	Rjs.UI.MultiTab.initializeBase(this);
	this.Tabs = [];
	this.Countx = 6;
}

Rjs.UI.MultiTab.prototype = {
    Bind: function(ids, css, activeCss) {
			this.Tabs = [];
			for(var i=0;i<ids.length;i++) 
				this.Tabs[i] = new Rjs.UI.Tab($get(ids[i][0]), $get(ids[i][1]));
			this.CssClass = css;
			this.ActiveCssClass = activeCss;
		},
    SetActive: function(idx){ 
			for(var i=0;i<this.Tabs.length;i++) {
				if(i == idx) {
					this.Tabs[i].Header.className = this.ActiveCssClass;
					this.Tabs[i].Body.style.display = 'block';
				} else {
					this.Tabs[i].Header.className = this.CssClass;
					this.Tabs[i].Body.style.display = 'none';
				}
			}
    },
    AddEventHandler: function(){ 
			for(var i=0;i<this.Tabs.length;i++) {
				var h = this.Tabs[i].Header;
//				h.onclick = new Function ("evt", "$find('" + this.get_id() +"').SetActive("+i+");");
				h.onmouseover = new Function ("evt", "$find('" + this.get_id() +"').SetActive("+i+");");
			}
    }
}

Rjs.UI.MultiTab.descriptor = {
    properties: [],
    events: []
}

Rjs.UI.MultiTab.Create = function(compId, ids, css, activeCss) {
	var comp = $create(Rjs.UI.MultiTab, 
		            {id:compId}, 
		            {}, null, null);
	comp.Bind(ids, css, activeCss);
	comp.AddEventHandler();
}

Rjs.UI.MultiTab.registerClass('Rjs.UI.MultiTab', Sys.Component);

if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();