jQuery.fn.Tooltip = function(style) {
    /*
    * style: tooltip css class
    * */

    for (var i=0;i<this.length;i++) {

        var tooltipItem = this.get(i);

        // create div with tooltip
        jQuery(tooltipItem).append('<div class="' + style + '">' + tooltipItem.title + '</div>');
        tooltipItem.title = '';
    }

    // add on mouseover/out listeners
    this.hover(
        function() {
            jQuery('/div',this).fadeIn('normal');
        },
        function() {
            jQuery('/div',this).fadeOut('normal');
        }
    );

    return this;
}

$(document).ready(function() {
    $('#leftTooltip').Tooltip('tooltipRight');
});

