///////////////////////////////////////////////////////////////////////
// The following function can be used to highlight the active
// section of a form.
///////////////////////////////////////////////////////////////////////
// Input: 	formObj - the form object you wish to affect
///////////////////////////////////////////////////////////////////////

highLightForm()

function activatefield(formObj){
	if (document.getElementById){
		document.getElementById(formObj).style.backgroundColor='EEEEFF';
		document.getElementById(formObj).style.color='2020aa';
	}
}

function deactivatefield(formObj){
	if (document.getElementById){
		document.getElementById(formObj).style.backgroundColor='';
		document.getElementById(formObj).style.color='';
	}
}

function activateGroup(strDivName){
	if (document.getElementById){
		document.getElementById(strDivName).style.backgroundColor='EEEEFF';
		document.getElementById(strDivName).style.color='2020aa';
	}
}

function deactivateGroup(strDivName){
	if (document.getElementById){
		document.getElementById(strDivName).style.backgroundColor='';
		document.getElementById(strDivName).style.color='';
	}
}

function highLightForm(){
	formItems = document.getElementsByTagName("input");
	for (i = 0; i != formItems.length; i++) {
		formItems[i].onFocus = "activatefield(" + formItems[i].name+ ")";
	}
	
	
	formItems = document.getElementsByTagName("textarea");
	for (i = 0; i != formItems.length; i++) {
		formItems[i].onFocus = "activatefield(" + formItems[i].name+ ")";
	}
	
	formItems = document.getElementsByTagName("select");
	for (i = 0; i != formItems.length; i++) {
		formItems[i].onFocus = "activatefield(" + formItems[i].name+ ")";
	}
}