var ClientTabs = new Object();

ClientTabs.selectTab = function(controlId, tabId)
	{
		// Get previous value
		var hiddenField = document.all ? document.all[controlId + '_hidden'] : document.getElementById(controlId + '_hidden');
		var prevTabId = hiddenField.value;

		// Hide previous tab
		var element1 = document.all ? document.all[prevTabId + '_tab'] : document.getElementById(prevTabId + '_tab');
		element1.className = 'tab unselectedTab';
		var element2 = document.all ? document.all[prevTabId] : document.getElementById(prevTabId);
		element2.style.display = 'none';

		// Show new tab
		var element3 = document.all ? document.all[tabId] : document.getElementById(tabId);
		element3.style.display = 'block';
		var element4 = document.all ? document.all[tabId + '_tab'] : document.getElementById(tabId + '_tab');
		element4.className = 'tab selectedTab';

		// Update hidden value
		hiddenField.value = tabId;	 
	}
ClientTabs.update = function(elementName, newValue, submitButton)
	{
		var elementObj = document.all ? document.all[elementName] : document.getElementById(elementName);

		if(elementObj.type == 'select-one'){
			elementObj.selectedIndex = 0;
			for(var nIndex=0; nIndex < elementObj.options.length; nIndex++){
				if (elementObj.options[nIndex].value == newValue){
					elementObj.selectedIndex = nIndex;
				}
			}
		} else {
			elementObj.value = newValue;
		}

		if(submitButton != '') {
			__doPostBack(submitButton,'');
			// var submitObj = document.all ? document.all[submitButton] : document.getElementById(submitButton);
			// submitObj.click();
		}
	}