I need a script written in JavaScript and/or HTML5 that displays a peel-away image in the top right corner of the page. Here is an example script with the functionality that I'm looking for:

http://wtest3.com/testpage.html

This example script uses Flash, but I would like it to be written using JavaScript and/or HTML5 so that it's compatible with all the major browsers (Internet Explorer, Firefox, Chrome) in addition to iPhones and iPads.

When viewing the page on a computer, the corner image should peel away to a larger image when the mouse hovers over it. Then when the mouse hovers off the larger image, it should go back to the original corner image. If someone clicks on the image, it should open an external URL in another window. All of this functionality is shown on the example page: http://wtest3.com/testpage.html

When viewing the page on a touchscreen device, such as an iPhone or iPad, the user should be able to tap on the corner image to peel away to the larger image. If the user then taps the larger image, it should go to the external URL. If the user taps outside the larger image, then it should go back to the original corner image.

The JavaScript function to display the peel image should have 3 input parameters: A URL for the small corner image, a URL for the larger peel away image, and an external URL that will open when the user clicks or taps on the larger image.

In the example page, the three input values would be:

Small corner image: http://intellibanners.com/affads/images/adsmall.jpg

Larger peel away image: http://intellibanners.com/affads/images/adlarge.jpg

External URL: http://intellibanners.com

I will need to have exclusive ownership and copyright of the code written for this project.