var _prototabs = new Array();

function prototabs(items) {
	document.write('<table class="tabs" border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td class="separator">&nbsp</td>');
	for (var i = 0; i < items.length; i++) {
		_prototabs.push(items[i].id);
		prototab(items[i]);
	}	
	document.write('<td class="separator">&nbsp</td></tr></table>');
}

function prototab(item) {
	document.write('<td id="tab-'+item.id+'" onclick="javascript:setactive(\''+item.id+'\');" width="'+item.width+'" class="'+(item.active?'inactive active':'inactive')+'"><a href="#">'+item.caption+'</a></td>');
}

function setactive(id) {
	for (var i = 0; i < _prototabs.length; i++) {
		if (_prototabs[i] == id) {
			$(_prototabs[i]).style.display = 'block';
			$(_prototabs[i]).style.visibility = 'visible';
			$('tab-'+_prototabs[i]).className = 'active inactive';			
		}
		else {
			$(_prototabs[i]).style.display = 'none';
			$(_prototabs[i]).style.visibility = 'hidden';
			$('tab-'+_prototabs[i]).className = 'inactive';						
		}
	}		
}