(function(C2C) {

"use strict";

C2C.add_tooltips = function(css_class_to_observe)
{
    document.observe('dom:loaded', function(){
        $$(css_class_to_observe).each(function(obj){
            obj.observe('click', function(e){
            new Ajax.Updater('fields_tooltip',
                                    '/common/getinfo', 
                                    { asynchronous:true, 
                                      postBody: 'elt=' + obj.id,
                                      evalScripts:false, 
                                      method:'post', 
                                      onSuccess:function(request, json){
                                                        Element.hide('indicator');Element.show('fields_tooltip');
                                                        },
                                      onFailure:function(request, json){
                                                        Element.hide('indicator');
                                                        },
                                      onLoading:function(request, json){
                                                        Element.hide('fields_tooltip');Element.show('indicator');}
                                    }
                        );  
            });
        });
    });
};

})(window.C2C = window.C2C || {});

@@ -10,28 +10,18 @@
 (C2C
+, $
 ) %7B%0A%0A
-%22use strict%22;%0A%0A
+  
 C2C.
@@ -69,46 +69,116 @@
 rve)
-%0A
+ 
 %7B%0A    
-document.observe('dom:
+// once dom 
 loaded
-'
 , 
+load tooltip info via an ajax request%0A    // when clicking the field label%0A    $(
 func
@@ -183,24 +183,25 @@
 nction()
+ 
 %7B%0A      
   $$(css
@@ -192,19 +192,16 @@
 %7B%0A      
-  $
 $(css_cl
@@ -220,12 +220,13 @@
 ve).
-each
+click
 (fun
@@ -235,90 +235,80 @@
 ion(
-obj)%7B%0A            obj.observe('click', function(e)%7B%0A            new Ajax.Updater
+) %7B%0A%0A        var indicator = $('#indicator');%0A        var tooltip = $
 ('
+#
 fiel
@@ -318,17 +318,19 @@
 tooltip'
-,
+);%0A
 %0A       
@@ -334,939 +334,283 @@
     
-                            '/common/getinfo', %0A                                    %7B asynchronous:true, %0A                                      postBody: 'elt=' + obj.id,%0A                                      evalScripts:false, %0A                                      method:'post', %0A                                      onSuccess:function(request, json)%7B%0A                                                        Element.hide('indicator');Element.show('fields_tooltip');%0A                                                        %7D,%0A                                      onFailure:function(request, json)%7B%0A                                                        Element.hide('indicator');%0A                                                        %7D,%0A                                      onLoading:function(request, json)%7B%0A                                                        Element.hide('fields_tooltip');Element.show('indicator'
+tooltip.hide();%0A        indicator.show();%0A%0A        $.post('/common/getinfo', %7B%0A          elt: this.id%0A        %7D).done(function(data) %7B%0A          indicator.hide();%0A          tooltip.html(data);%0A          tooltip.show();%0A        %7D).fail(function() %7B%0A          indicator.hide(
 );
-%7D
 %0A   
@@ -618,73 +618,13 @@
     
-                            %7D%0A                        );  %0A      
+%7D);%0A%0A
     
@@ -637,24 +637,14 @@
     
-    
 %7D);%0A  
-  %7D);%0A
 %7D;%0A%0A
@@ -675,11 +675,19 @@
 2C %7C%7C %7B%7D
+, jQuery
 );%0A

use jquery instead of prototype