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;