// JavaScript Document

var array;

var width = 0;

function change(i,tm) { tabhead(i,tm); tabcont(i,tm); }

function tabhead(ti,tm) {
	var str = '<table width="'+(width)+'" cellpadding="0" cellspacing="0" border="0"><tr>';
	var clss = "";
	for(i = 0;i< array.length;i++) {
		if(i == ti) clss = "t_but2"; else clss = "t_but";
		str += '<td align="center" valign="middle" class="'+clss+'">';
		if(i == ti) { str += '<b><div class="t_spc">'+array[i]+'</div></b>'; }
		else { str += '<a class="tbButton" href="javascript:change('+i+','+tm+')"><div class="t_spc">'+array[i]+'</div></a>'; }
		str += '</td>';
	} str += '<td class="t_close">&nbsp;</td></tr></table>';
	document.getElementById('t_head'+tm).innerHTML = str;
}

function tabcont(ti,tm) { document.getElementById('t_cont'+tm).innerHTML = document.getElementById('tc'+tm+'_'+ti).innerHTML; }

function create(w,h,arr,i) {
	width = w;
	array = arr; tabhead(0,i); tabcont(0,i);
	var tab = document.getElementById('t_tab'+i);
	var tabs = document.getElementById('t_tabs'+i);
	var cont = document.getElementById('t_cont'+i);
	tabs.style.width =  tab.width = cont.width = w; 
	tabs.style.height = tab.height = cont.height = h;
}