// FROM: http://jsbin.com/emoso
// MODIFIED SLIGHTLY :)

this.tooltip = function(){
    var $div = $('<div/>').css({
        position: 'absolute',
        background: 'white',
        border: '1px solid black',
        padding: '5px',
		width: '400px',
        zIndex: 999,
        display: 'none'
    }).appendTo('body');

    var tooltip = '';
    $('img.tooltip')
        .mousemove(function(e){
            $div.css({
                top: e.pageY + -20 + 'px',
                left: e.pageX + 15 + 'px'
            });
        })
        .hover(function(){
            tooltip = this.title;
            $div.show().html(tooltip);
            this.title = '';
        }, function(){
            $div.hide();
            this.title = tooltip;
        });

};

$(document).ready(function(){
	tooltip();
});