previousClassId = '';
function changeVTab(el,newClassId)
{
	var startindex;

	startindex = (newClassId.substring(0,1)=="#") ? 1 : 0; 
	newClassId = newClassId.substring(startindex,newClassId.length) + '-on';

	if(newClassId==previousClassId) return; 	
	$(el).addClass(newClassId);
	if(previousClassId!='') $(el).removeClass(previousClassId);
	previousClassId = newClassId; 
}



previousid='';
function changeTab(id)
{
	if(id==previousid) return; 
	doChangeClassName(id,id+"_on");
	if(previousid!='') doChangeClassName(previousid,previousid+'_off');
	previousid = id; 
}



function doChangeClassName(elId,classId)
{
	var divId = document.getElementById(elId);
	var cName = divId.className;
	if(cName != classId) divId.className = classId;
	return false; 
}