// JavaScript 
var i = 0;
var active = "";
var max_height = 0;
var tabs = document.getElementById('tabular_links');
var data = document.getElementById('tabular_data');

function add_tab(heading, content) {
	tabs.innerHTML += '<a href="javascript:void(0);" id="tab_link_'+i+'" onclick="toggle_tab(this.id);" class="tab_blue" title="'+heading+'">'+heading+'</a>';
	data.innerHTML += '<div id="tab_'+i+'">'+content.replace(/&lt;/g, "<").replace(/&gt;/g, ">");
+'</div>';
	
	if(i == 0)
		toggle_tab('tab_link_0');

	i++;
}

function toggle_tab(link_id) {
	var tab_id = link_id.replace("link_","");
	if(tab_id != active && active != "") {
		document.getElementById(active).style.display = 'none';
		document.getElementById(active.replace("tab","tab_link")).className = 'tab_blue';
	}
	active = tab_id;
	var t = document.getElementById(link_id);
	var e = document.getElementById(tab_id);
	t.blur();
	t.className = 'tab_white';
	e.style.display = 'block';
}