$(document).ready (function () {
                var img = document.getElementById("photo");
                img.style.display = "none";
                var r = Raphael(document.getElementById("holder"), 410, 340);
                r.rect(40, 40, 340, 260).attr({fill: "#000000", opacity: .2, stroke: "#000000", "stroke-width": 2, "stroke-opacity": .5}).rotate(-10); //back shadow
                r.rect(36, 36, 340, 260).attr({fill: "#ffffff", stroke: "#cccccc", "stroke-width": 1}).rotate(-10); //back frame
                r.rect(40, 40, 338, 258).attr({fill: "#000000", opacity: .2, stroke: "#000000", "stroke-width": 1, "stroke-opacity": .5}).rotate(-7); //front shadow
                r.rect(36, 36, 340, 260).attr({fill: "#ffffff", stroke: "#cccccc", "stroke-width": 1}).rotate(-7); //front frame
                r.image(img.src, 46, 46, 320, 240).rotate(-7);
            });