var enable_text_field_focus = 1;var enable_select_field_focus = 1;var enable_textarea_field_focus = 1;var enable_checkbox_field_focus = 1;
 function HighlightFormElements() {
 if(enable_text_field_focus == 1)
 AddFocusHandlers(document.body.getElementsByTagName('input'));
 if(enable_select_field_focus == 1)
 AddFocusHandlers(document.body.getElementsByTagName('select'), 1);
 if(enable_textarea_field_focus == 1)
 AddFocusHandlers(document.body.getElementsByTagName('textarea'), 2);
 }

 function AddFocusHandlers(elements, type) {
 for (i=0; i < elements.length; i++) {
 if (elements[i].type != 'button' && elements[i].type != 'submit' && elements[i].type != 'reset' && elements[i].type != 'hidden' && elements[i].type != 'image') {
 if(elements[i].type == 'text' || elements[i].type == null || elements[i].type == 'password') {
 var tmpEvent = elements[i].getAttribute('onfocus');
					if(!tmpEvent) {
						elements[i].onfocus = function() {
							this.className = 'input-fields-focus';
						};
						elements[i].onblur = function() {
							this.className = 'input-fields';
						};
					}

 }
 else if(enable_checkbox_field_focus == 1 && (elements[i].type == 'checkbox' || elements[i].type == 'radio')) {
 elements[i].onfocus=function() {
 this.className = 'checkbox-focus';
 };
 elements[i].onblur=function() {
 this.className = '';
 };
 }
 else {
 if(type == 1) {
 elements[i].onfocus=function() {
 this.className = 'select-focus';
 };
 elements[i].onblur=function() {
 this.className = '';
 };
 }
 else if(type == 2) {
 elements[i].onfocus=function() {
 this.className = 'textarea-focus';
 };
 elements[i].onblur=function() {
 this.className = '';
 };
 }
 }
 }
 }
 }
 window.onload = HighlightFormElements;