function setControlEnabled(controlName, enabled) {
  // get the object using cross browser complient JS
  var obj = document.getElementById(controlName) ;
  obj.disabled = !enabled ;
	  
  if (enabled) {
    obj.focus();
  }
	  
  return obj ;		  
}
   
function enableControl(controlName) {
  return setControlEnabled(controlName, true) ;
}

function disableControl(controlName) {
  return setControlEnabled(controlName, false) ;
}

function toggleAutoUsername() {
	
	var autoUsernameCheckbox = document.getElementById("autoUsername");
	var manualUsernameInput = document.getElementById("manualUsername");
	var manualUsernameLabel = document.getElementById("manualUsernameLabel");
	
	if (autoUsernameCheckbox.checked) {
		manualUsernameInput.disabled = true;
		manualUsernameInput.setAttribute("class", "disabled");
		manualUsernameLabel.setAttribute("class", "disabled");
	} else {
		manualUsernameInput.disabled = false;
		manualUsernameInput.setAttribute("class", "enabled");
		manualUsernameLabel.setAttribute("class", "enabled");
	}
}

function toggleAutoPassword() {
	
	var autoPasswordCheckbox = document.getElementById("autoPassword");
	var manualPasswordInput = document.getElementById("manualPassword");
	var manualPasswordLabel = document.getElementById("manualPasswordLabel");
	
	if (autoPasswordCheckbox.checked) {
		manualPasswordInput.disabled = true;
		manualPasswordInput.setAttribute("class", "disabled");
		manualPasswordLabel.setAttribute("class", "disabled");
	} else {
		manualPasswordInput.disabled = false;
		manualPasswordInput.setAttribute("class", "enabled");
		manualPasswordLabel.setAttribute("class", "enabled");
	}
}