在浏览器显示区域内保留图像弹出窗口

Question

我有一个图像网格，并且悬停弹出更大的图像。我使用以下代码定位图像，但弹出窗口位于左侧的显示区域之外。如何将弹出图像保留在浏览器显示中？

 $(function() {
     $('.popup_button').hover(function() {
        var win=$(this).find('.popup:visible');
        if(win.length>0) {
            var screenwidth=$('wrapper').width();
            var width=win.width();
            var pos=win.position();
            var rightpos=width+pos.left;
            if(rightpos>screenwidth) {
                var moveleft=rightpos-screenwidth;
                win.css('margin-left','-'+moveleft+'px');
            } else {
                win.css('margin-left','px');
            }
        }
    });
});