// General function to highlight form elements 
// This code will higlight: INPUT
// Just add new variables for new tag names
// Credits to: Simon Willison, http://www.sitepoint.com/article/simple-tricks-usable-forms/

function addEvent(obj, evType, fn){
	if (obj.addEventListener){
		obj.addEventListener(evType, fn, true);
		return true;
	} else if (obj.attachEvent){
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	} else {
		return false;
	}
} 

addEvent(window, 'load',
	function() {
		var input, textareas;
		inputs = document.getElementsByTagName('input');
		for (var i = 0; (input = inputs[i]); i++) {
			if (input.type == "text") {
				addEvent(input, 'focus', oninputfocus);
				addEvent(input, 'blur', oninputblur);
			}
		}
		textareas = document.getElementsByTagName('textarea');
		for (var i = 0; (textarea = textareas[i]); i++) {
			addEvent(textarea, 'focus', oninputfocus);
			addEvent(textarea, 'blur', oninputblur);
		}
	}
);

function oninputfocus(e) {
	/* Cookie-cutter code to find the source of the event */
	if (typeof e == 'undefined') {
		var e = window.event;
	}
	var source;
	if (typeof e.target != 'undefined') {
		source = e.target;
	} else if (typeof e.srcElement != 'undefined') {
		source = e.srcElement;
	} else {
		return;
	}
	/* End cookie-cutter code */
	source.style.border='1px solid #7F9DB9';
	source.style.background='#FFFF99';
}

function oninputblur(e) {
	/* Cookie-cutter code to find the source of the event */
	if (typeof e == 'undefined') {
		var e = window.event;
	}
	var source;
	if (typeof e.target != 'undefined') {
		source = e.target;
	} else if (typeof e.srcElement != 'undefined') {
		source = e.srcElement;
	} else {
		return;
	}
	/* End cookie-cutter code */
	source.style.border='1px solid #7F9DB9';
	source.style.background='#FFFFFF';
}