function tabs(tab_arr){		this.add_tab = function(tab_arr)	{		try		{			var active_class = (tab_arr.active_class)? tab_arr.active_class : 'active';			var tab_div = document.getElementById(tab_arr.tab);			tab_div.setAttribute('active_tab_class', active_class);			//the onclick function			var obj = this;			var id = tab_div.id;			var triggerfunc = function(e)			{				obj.show_tab(id);			}						addEvent(tab_div, tab_arr.trigger, triggerfunc, false);						this.tabs.push(tab_div);			this.tab_contents.push(document.getElementById(tab_arr.tab_content));						//activate if is_active			if(tab_arr.is_active)			{				this.show_tab(tab_arr.tab);			}			else			{				document.getElementById(tab_arr.tab_content).style.display = 'none';			}		}		catch(e)		{			//alert(e);		}	}		this.show_tab = function(id)	{		var i;		for(i=0;i<this.tabs.length;i++)		{			var active_class = this.tabs[i].getAttribute('active_tab_class');			if(this.tabs[i].getAttribute('id') == id)			{				addClass(this.tabs[i], active_class);				this.tab_contents[i].style.display = 'block';			}			else			{				removeClass(this.tabs[i], active_class);				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]);	}	}
