var previewBox = null;
var previewBoxImg = null;

jQuery(function() {
    previewBox = jQuery('<div id="previewBox" class="preview-box"></div>');
    previewBoxImg = jQuery('<img/>');
    previewBoxImg.appendTo(previewBox);
    previewBox.css({
        display: 'none',
        position: 'absolute',
        left: 0,
        top: 0
    });

    jQuery('body').append(previewBox);

    jQuery(document).bind('mousemove', function(e) {
        var left = (e.pageX + 5) + 'px';
        var top = (e.pageY - 5 - previewBox.height()) + 'px';

        previewBox.css({
            'left': left,
            'top': top
        });
    });
});

function pi_showimage(img) {
    previewBox.show();
    previewBoxImg.attr('src', img);
}

function pi_hideimage() {
    previewBox.hide();
}