$(document).ready(function () {

    prepTooltips();
})

function clearTooltip() {
    $("#tooltip").remove();
}

function prepTooltip(event) {
    if (this.t == null) {

        this.t = this.title;
        this.title = "";
    }

    if (!(this.t == null || this.t == '')) {
        clearTooltip();
        $("<div id='tooltip' class='displayedTooltip'>" + this.t + "</div>").appendTo('body')
            .css({
                top: event.pageY + 12,
                left: event.pageX + 12
            })
            .show();
    }
}

function prepTooltips() {

    $('.tooltip')
    .die('mouseover')
    .die('mouseout')
    .die('click')
    .die('touchstart')
    .live('mouseover', prepTooltip)
    .live('touchstart', prepTooltip)
    .live('mouseout', clearTooltip)
    .live('click', clearTooltip);
}