$(document).ready(function() {
    var errorIconHover = null;
    $('span[rel=errorIcon]').parent()
        .mouseover(function(ev) {
            if (errorIconHover === null) {
                errorIconHover = $('<div class="errorIconHover"><p></p></div>');
                $('body').append(errorIconHover);
            }
            errorIconHover.stop();
            errorIconHover.find('p').html('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + $(this).find('span').attr('message'));
            errorIconHover.css({ opacity: 1, display: 'none' }).fadeIn(200, function() {
                errorIconHover.show();
            });
        })
        .mousemove(function(ev) {
            if (errorIconHover === null) { return; }
            errorIconHover.css({ left: ev.pageX + 15, top: ev.pageY + 15 });
        })
        .mouseout(function(ev) {
            if (errorIconHover === null) { return; }
            errorIconHover.stop();
            errorIconHover.fadeOut(800, function() {
                errorIconHover.hide();
            });
        });
});