function tabs(tab_arr)
{
	
	this.add_tab = function(id)
	{
		try
		{
			var tab_div = document.getElementById(tab_arr[i].tab);
			//the onclick function
			var obj = this;
			tab_div.onclick = function()
			{
				obj.show_tab(this.id);
			}
			this.tabs.push(tab_div);
			this.tab_contents.push(document.getElementById(tab_arr[i].tab_content));
		}
		catch(e)
		{
			//alert(e);
		}
	}
	
	this.show_tab = function(id)
	{
		var i;
		for(i=0;i<this.tabs.length;i++)
		{
			if(this.tabs[i].getAttribute('id') == id)
			{
				$$(this.tabs[i]).addClass('active');
				this.tab_contents[i].style.display = 'block';
			}
			else
			{
				$$(this.tabs[i]).removeClass('active');
				this.tab_contents[i].style.display = 'none';
			}
		}
	}
	
	this.tabs = new Array();
	this.tab_contents = new Array();
	var i;
	for(i=0;i<tab_arr.length;i++)
	{
		this.add_tab(tab_arr[i]);
	}
	
	if(tab_arr[0])
	{
		this.show_tab(tab_arr[0].tab);
	}
	
}