jQuery.noConflict();
/* Tooltip stuff.
 * Example :
 *      <a class="remove_product nounderline" href="<% url_for(controller = 'session', action = 'cart_remove_product', querystring => { id => product.id }) %>">
 *          <img src="/static/images/bullet_delete.png" alt="-" />
 *          <span class="tooltipTextContent bottom"><% l('delete_product_confirmation') %></span>
 *      </a>
 * Il est possible de set la position du tooltip directement dans la class du span (top / right / bottom / left).  
 */
function tooltip(elem, from) {
    if(!elem) {
        return;
    }
    
    var side = '';

    var get_parameters = function(from) { 
        switch(from) {
            case 'top':
                side = 'top center';
                break;
            case 'right':
                side = 'center right';
                break;
            case 'bottom':
                side = 'bottom center';
                break;
            case 'left':
                side = 'center left';
                break;
            default:
                side = 'bottom center';
        }
    }
    var defaultClass = 'tooltipTextContent';
    
    jQuery(document).ready(function() {
        jQuery(elem).each (function (i) {
            if(jQuery(this).attr('title')) {
                if(!jQuery(this).next().is('.'+defaultClass)) {
                    //S'il n'existe pas d'élément de classe 'tooltipTextContent', on en crée un
                    jQuery(this).after('<span class="'+defaultClass+'">'+jQuery(this).attr('title')+'</span>');
                }
            }
            
            //append custom position from className
            var cls = jQuery(this).next('.tooltipTextContent').attr('className');
            if( cls ) {
                var dynamic_position = cls.split(' ').slice(1);
                if ( dynamic_position.length ) {
                    from = dynamic_position.join(' '); 
                }
            }
        });
        
        get_parameters(from);
        
        jQuery(elem).tooltip({
            relative: true,
            opacity: 0.85,
            effect: 'toggle',
            position: side
        });
    });
}