function selectTab(ele, id, hfId) 
{
	var controlId = ele.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id;
	$("#" + controlId + " td[class=selected]").removeClass("selected");
	$("#" + id).siblings(".tabContentSelected").hide()
	$("#" + id).addClass("tabContentSelected");
	$("#" + id).show();
	$(ele).addClass("selected");
	
	$get(hfId).value = id;
}

function changeTab(obj, strId, strTabId)
{
	var father = obj.parentNode;
	var oContent = father.nextSibling;
	var intIndex = 0;
	var children = getChildNodes(father);
	var oTab = $get(strTabId);
	
	for(var i = 1; children.length-1 > i; ++i)
	{
		var oNode = children[i];
		oNode.className = 'tab';
		if(oNode == obj)
		{
			intIndex = i-1;
		}
	}
	
	children = getChildNodes(oContent);
	for(i=0; children.length > i; ++i)
	{
		if(children[i].className.indexOf('padding') > 0)
		{
			children[i].className = 'tabContent padding';
		}
		else
		{
			children[i].className = 'tabContent';
		}
	}

	obj.className = 'tabSelected';
	if(oTab.className.indexOf('padding') > 0)
	{
		oTab.className = 'tabContentSelected padding';
	}
	else
	{
		oTab.className = 'tabContentSelected';
	}
	$get(strId).value = oTab.id;
}