var field_effects = {

    init: function() {

        if(!document.getElementById || !document.getElementsByClassName) return;

        var container = document.getElementById('user_actions');
        if(!container) return;

        var all_text_inputs = document.getElementsByClassName('input_text', container);
        var il = all_text_inputs.length;
        for(var i = 0; i < il; i++ ) {
            var current_item = all_text_inputs[i];
            Event.observe(current_item, 'focus', this.focusListener.bindAsEventListener(this), false);
            Event.observe(current_item, 'blur', this.blurListener.bindAsEventListener(this), false);
        }

        var all_textareas = container.getElementsByTagName('textarea');
        var il = all_textareas.length;
        for(var i = 0; i < il; i++ ) {
            var current_item = all_textareas[i];
            Event.observe(current_item, 'focus', this.focusListener.bindAsEventListener(this), false);
            Event.observe(current_item, 'blur', this.blurListener.bindAsEventListener(this), false);
        }

    },


    focusListener: function(e) {
    
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
    
        var field_container = eventTarget.parentNode.parentNode;
    
        if(elementHasClassName(field_container,'field_active')) return;
        field_container.className += ' field_active';
    
    },

    blurListener: function(e) {
        var event = window.event ? window.event : e;
        var eventTarget = event.srcElement ? event.srcElement :  event.target;
        if(eventTarget.nodeName.toLowerCase() == 'img') {
            eventTarget = eventTarget.parentNode;
        }
    
        var field_container = eventTarget.parentNode.parentNode;
        field_container.className = field_container.className.replace(/field_active/, '');
    },

    placeholder: function(element, text) {
        var field = document.getElementById(element);
        field.setAttribute('autocomplete', 'off');
    
        if (field.value === '') { field.value = text; }
        field.onblur = function() {
            if (this.value === '') { this.value = text; }
        };
        field.onfocus = function() {
            if (this.value === text) { this.value = ''; }
        };
    }

}