root/plugins/sfI18NTranslatorPlugin/modules/sfI18NTranslator/templates/indexSuccess.js.php

$(document).observe('dom:loaded', function(event) {
    new SfI18NTranslator();
});

var SfI18NTranslator = Class.create({

    bound: {},
    element: null,
    form: null,

    initialize: function() {
    
        this.form = $('sfI18NTranslator-form');
        
        //new Draggable(this.form);
        
        this.initEvents();
        this.initBindings();
    },
    
    initEvents: function() {
        this.bound = {
            update: this.update.bindAsEventListener(this),
            fillForm: this.fillForm.bindAsEventListener(this),
            hover: this.hover.bindAsEventListener(this),
            leave: this.leave.bindAsEventListener(this),
            close: this.close.bindAsEventListener(this)
        };
    },
    
    initBindings: function() {
        $$('.translate').each(function( el ) {
            el.observe('click', this.bound.fillForm );
            el.observe('mouseover', this.bound.hover );
            el.observe('mouseout', this.bound.leave );
        }.bind(this));
        this.form.observe('submit', this.bound.update );
        $('sfI18NTranslator-form-close').observe('click', this.bound.close );
    },
    
    fillForm: function(event) {
        this.element = event.element();
        
        $('sfI18NTranslator-source').value = this.getSource();
        $('sfI18NTranslator-target').value = this.getTarget();
        $('sfI18NTranslator-target').focus();
        this.form.show();
    },
    
    hover: function(event) {
        event.element().addClassName('hover');
    },
    
    leave: function(event) {
        event.element().removeClassName('hover');
    },
    
    getSource: function() {
        return this.element.hasAttribute('name') ? this.element.readAttribute('name') : this.element.firstChild.nodeValue;
    },
    
    getTarget: function() {
        return this.element.hasAttribute('name') ? this.element.firstChild.nodeValue : '';
    },
        
    update: function(event) {
        event.stop();
        this.form.request({
            method: 'post',
            onComplete: function( transport, json ) {
                json = json || transport.responseText.evalJSON();
                this.element.writeAttribute('name', json.source );
                this.element.firstChild.nodeValue = json.target;
                //new Effect.Highlight(this.element);
            }.bind(this)
        });
    },
    
    close: function(event) {
        event.stop();
        this.form.hide();
    }
});