$(document).ready(function(){
    
   /*
    * Applica l'effetto tooltips a tutti i campi che hanno la classe trigger-tooltips
    * Se sono presenti altre classi come center, top, bottom, right, left le utilizza
    * per posizionare il tooltip nell'area che si preferisce.
    *
    * Es.
    * 
    * <a href="#" class="trigger-tooltip top center">trigger</a>
    * <div class="tooltip">
    *   Questo e' il mio tooltip
    * </div>
    *
    * Posizionamento:
    * la prima classe per il posizionamento si riferisce all'asse verticale e puņ valere:
    *   top | [center] | bottom
    * 
    * la seconda classe di posizionamento si riferisce all'asse orizzontale e puņ valere:
    *   left | center | [right]
    * 
    */
   $('.trigger-tooltip').each(function(){
   
       var jthis = $(this);
       var position_v = '';
       var position_o = '';
       
       var class_attr  = jthis.attr('class');
       var class_array = class_attr.split(" ");
       
       for (i = 0; i < class_array.length; i++)
       {
           if (class_array[i] == 'center'
               || class_array[i] == 'top'
               || class_array[i] == 'bottom'
               || class_array[i] == 'right'
               || class_array[i] == 'left')
           {
               if (position_v == '')
                   position_v = class_array[i];
               else if (position_o == '')
                   position_o = class_array[i];
           }
       }
       
       if (position_v == '')
           position_v = 'center';
       
       if (position_o == '')
           position_o = 'right';
       
       jthis.tooltip({
           position: [position_v, position_o], 
           offset: [5, 10], 
           effect: 'toggle', 
           opacity: 1,
           relative: true
       });
   
   });
   
});