function tablist_onclick_setActiveTab(elemId){
	tablist_setTabsBackground('tablist_tab_'+elemId);
	tablist_setContentVisibility('tablist_textitem_'+elemId);
}

function tablist_setTabsBackground(passedId){
	var tablist_ul = document.getElementById('tablist_ul');
	var tablist_li = tablist_ul.childNodes;
	for(var i=0;i<tablist_li.length;i++){
		var li_id = tablist_li[i].id;
		if(li_id != undefined){
			var this_li = document.getElementById(li_id);
			if(this_li != null){
				if(li_id == passedId){
					this_li.className = 'selected';
				}else if (li_id.substring(0,12)=='tablist_tab_') {
					this_li.className = '';
				}
			}
		}
	}
}

function tablist_setContentVisibility(passedId){
	var wrapper = document.getElementById('tablist_textitems');
	var textitem = wrapper.childNodes;
	for(var i=0;i<textitem.length;i++){
		var textitem_id = textitem[i].id;
		if(textitem_id != undefined && textitem_id != null && textitem_id != ''){
			var this_textitem = document.getElementById(textitem_id);
			if(this_textitem != null){
				if(textitem_id == passedId){
					this_textitem.className = 'vis';
				}else if (textitem_id.substring(0,17)=='tablist_textitem_') {
					this_textitem.className = 'inv';
				}
			}
		}
	}
}

function tablist_create(text){
var tabs = text.split(',');
var txt = '<ul id=\'tablist_ul\'>';
var cla = '\"selected\"';
for(i=0;i<tabs.length;i++){
txt+='<li id=\"tablist_tab_'+tabs[i].toLowerCase()+'\" class='+cla+'><a href=\"#\" onclick=\"tablist_onclick_setActiveTab(\''+tabs[i].toLowerCase()+'\')\"><span>'+tabs[i]+'</span></a></li>';
cla = '\"\"';
}
txt += '</ul>';
document.getElementById("tablist_ul_div").innerHTML=txt;
}

function tablist_insert(divName){
var text = document.getElementById(divName).innerHTML;
var insert = '<ul id=\'tablist_ul\'>';
var insertContent = '';
var cla = '\"selected\"';
var claContent = '\"vis\"';
var tabStart = "<tab_name>";
var tabEnd = "<tab_name_end>";
var contentTagStart = "<tab_content>";
var contentTagEnd = "<tab_content_end>";
var nameStart = text.indexOf(tabStart);
var counter = 0;
while(nameStart>0 || counter>10){
var nameEnd = text.indexOf(tabEnd);
var name = text.substring(nameStart+tabStart.length,nameEnd);
insert+='<li id=\"tablist_tab_'+name.toLowerCase()+'\" class='+cla+'><a href=\"#\" onclick=\"tablist_onclick_setActiveTab(\''+name.toLowerCase()+'\')\"><span>'+name+'</span></a></li>';
cla = '\"\"';
insertContent += '<div id=\"tablist_textitem_'+name.toLowerCase()+'\" class='+claContent+'>';
claContent = '\"inv\"';
var contentStart = text.indexOf(contentTagStart);
var contentEnd = text.indexOf(contentTagEnd);
var thisContent = text.substring(contentStart+contentTagStart.length,contentEnd);
insertContent += thisContent + '</div>';
text =  text.substring(text.indexOf(contentTagEnd)+contentTagEnd.length);
var nameStart = text.indexOf(tabStart);
counter++;
}
insert += '</ul>';
document.getElementById("tablist_ul_div").innerHTML=insert;
document.getElementById("tablist_textitems").innerHTML=insertContent;
document.getElementById("rawtabs").innerHTML='';
}