Show bigger image when click or hover over small image

Changed Files:
header.php
footer.php

TEST PAGE:
http://www.wautom.com/tests/test.html

Changed Files:
1. http://www.wautom.com/scripts/image_large.js
2. http://www.wautom.com/scripts/image_large.css
3. header.php
include above two .js and .css files
4. footer.php
added this code:
http://www.wautom.com/scripts/footer_added.txt
5. all those top images are modified
6. solve the flash problem:
change from
background-color: rgba(100,100,100, 0.5);
to
background-color: rgba(100,100,100, 1);
that 0.5 means half transparent. with 1, then flash overlapping problem is gone.

Above method is from This:
http://highslide.com/