Create JS Image Zoom library

There is a JS Image Zoom library used on an adult related site that I really love. I would love to have this built as a native js library plugin, It can have other dependencies although I'd prefer this to be as lightweight as possible. 1. The Plugin shall take a selector of <a> elements. It should be executed like the following "MicroZoom('.gallery a');" 2. The plugin will scan elements from selector and pull the href attribute and use these as photos. This will then attach click events to all those elements which will fire the zoom function. 3. The click event will open the image fitted to the entire viewport (centered, if image is not larger than viewport) while the entire viewport has a dimmed background just like a typical modal window. 4. Once the image is fitted to the viewport, there will be another click event available that will allow the user to zoom into the original image size. 5. Once in this overflowed mode, they will then be able to click and drag the image around to see the image in it's original detail and size. If they click without dragging, it should return to the original fit mode in step 3. 6. To exit, there should be an X on the upper right hand corner or they can simply click away from the image onto the viewport and it will close. The image library I'm trying to replicate is this. [login to view URL] I've made an attempt to do this myself but I don't have the time nor skill level to replicate this in it's entirety. If you want to see a sample of what I've been able to accomplish already with only 200 lines of code. Let me know and I can show you. I don't expect you to use this as it's still pretty rough and not that close to completion. Just a proof of concept. Please include some sample js libraries you have written in your proposal thanks.