title: jquery center image after zooming in overflow:auto container
body: <p>I need help centering an image inside a container with overflow:auto after enlarging the image width and height. </p>
  
  <p>live demo: <a href="http://jsfiddle.net/RCw4T/1" rel="nofollow">http://jsfiddle.net/RCw4T/1</a></p>
  
  <p>The underlying idea is that when the user centers a section of the image inside the container and clicks zoom, the image enlarges but still remains centered on that section. that way you can continue zooming in on a section without having to hunt for the section after every click.</p>