javascript 计算一个div 的位置和大小

定义了一个表格,表格内容是服务器端填充的(内容为图片的缩略图),行数不确定.
当鼠标移动到表格的每个格上的时候会将一个div 移动到单元格的边沿处开始显示(顺序是右下,右上,左上,左下).div中放置的是image,内容是缩略图的全图,要求尽量完整显示,也正是我上面说的那个顺序,当右下显示空间不够时转移到右上,右上也不够时转移到左上...div不可以超越表格的边框.如果4个方向都无法正常显示全图,将计算4个区域内面积和比例最适合显示图片的区域高和宽.
主要问题在4个方向的判断逻辑应该如何处理?