var currentlyActiveInputRef = false;
var currentlyActiveInputClassName = false;

function highlightActiveInput()
{
	if(currentlyActiveInputRef)
	{
		currentlyActiveInputRef.className = currentlyActiveInputClassName;
	}
	currentlyActiveInputClassName = this.className;
	this.className = 'inputHighlighted';
	currentlyActiveInputRef = this;
}

function blurActiveInput()
{
	this.className = currentlyActiveInputClassName;
}


function initInputHighlightScript()
{
	var tags = ['INPUT','TEXTAREA','PASSWORD','SELECT'];
	
	for(tagCounter=0;tagCounter<tags.length;tagCounter++){
		var inputs = document.getElementsByTagName(tags[tagCounter]);
		for(var no=0;no<inputs.length;no++){
			if(inputs[no].className && inputs[no].className=='doNotHighlightThisInput')continue;
			
			if(inputs[no].tagName.toLowerCase()=='textarea' && inputs[no].type.toLowerCase()=='text')continue;
			{
				inputs[no].onfocus = highlightActiveInput;
				inputs[no].onblur = blurActiveInput;
			}
			if(inputs[no].tagName.toLowerCase()=='input' && inputs[no].type.toLowerCase()=='text')continue;
			{
				inputs[no].onfocus = highlightActiveInput;
				inputs[no].onblur = blurActiveInput;
			}
			if(inputs[no].tagName.toLowerCase()=='select')continue;
			{
				inputs[no].onfocus = highlightActiveInput;
				inputs[no].onblur = blurActiveInput;
			}
			if(inputs[no].tagName.toLowerCase()=='password' && inputs[no].type.toLowerCase()=='password')continue;
			{
				inputs[no].onfocus = highlightActiveInput;
				inputs[no].onblur = blurActiveInput;
			}
		}
	}
}

/*******
Before </Head> Tag:
<script language="javascript" src="../Functions/JS-Highlight-Active-Input.txt"></script>

After the </body> tag
<script type="text/javascript">
	initInputHighlightScript();
</script>
*******/