Перемещение по экрану и масштабирование

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication8._Default" %>
 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<style> 
div {
    resize: both;
    overflow: auto;
}
</style>
<table id="pic">
         <tr>   
            <td>
            fpffppfpfpfpfppffppf
            </td>
            </tr>
            <tr>
            <td>
      <div>
   6786868686
   </div>
  </td>
        </tr>
  </table>
<script type="text/javascript" id="  pic.ondragstart = function () {
            return false;
        };">
    var pic = document.getElementById('pic');
 
    pic.onmousedown = function (e) { 
 
    
        pic.style.position = 'absolute';
        moveAt(e);
     
        document.body.appendChild(pic);
 
       pic.style.zIndex = 1000; 
 
  
        function moveAt(e) {
            pic.style.left = e.pageX - pic.offsetWidth / 2 + 'px';
            pic.style.top = e.pageY - pic.offsetHeight / 2 + 'px';
        }
 
 
        document.onmousemove = function (e) {
            moveAt(e);
        }
 
    
        pic.onmouseup = function () {
            document.onmousemove = null;
            pic.onmouseup = null;
        }
        pic.ondragstart = function () {
            return false;
        };
    }
</script>
 
 
</asp:Content>