/* 
	Field Highlighter script
	Author: Andy Webber
	Created: 07/04/09

	Function: highlightField(form, field)
	Places border around input field when user clicks on it.
	Resets borders on other fields.
*/


function highlightField(form, field){
	if (!form)
		return;
	else if (!field)
		return;

	var theColour = getStyle(document.getElementById("mainSection"), "background-color");	
	document.forms[form].elements[field].style.borderColor = theColour;
	document.forms[form].elements[field].style.borderStyle = "solid";
	document.forms[form].elements[field].style.borderWidth = "1px";
}

function resetFocus(form, field){
	if (!form)
		return;
	else if (!field)
		return;	
	
	if (document.forms[form].elements[field].type == "textarea"){
		document.forms[form].elements[field].style.borderColor = "#999999";
		document.forms[form].elements[field].style.borderStyle = "solid";
		document.forms[form].elements[field].style.borderWidth = "1px";		
	}
	else{
		document.forms[form].elements[field].style.borderColor = "";
		document.forms[form].elements[field].style.borderStyle = "solid";
	}
}

function getStyle(oElm, strCssRule){
	var strValue = "";
	if(document.defaultView && document.defaultView.getComputedStyle){
		strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
	}
	else if(oElm.currentStyle){
		strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
			return p1.toUpperCase();
		});
		strValue = oElm.currentStyle[strCssRule];
	}
	return strValue;
}