rendered paste body <script type='text/javascript'>
$(document).ready(function(){
$(".open").click(function(){
var s = $(this).attr("id");
var src = "img/userimg/" + s + ".gif";
$("body").append("<div id='over'></div>");
$("#over").css({"background-color" : "#000", "position" : "absolute", "top" : "0px", "left" : "0px", "z-index" : "44", "width" : "100%", "height" : "100%", "filter" : "alpha(opacity=80)", "-moz-opacity" : "0.8", "opacity" : "0.80"});
$("body").append("<img src='" + src + "' class='img'/>");
var wid = ($("body").width() / 2) -200;
$(".img").css({"width" : "400px", "height" : "700px", "position" : "absolute", "top" : "40px", "left" : wid , "z-index" : "49", "border" : "5px solid white"});
close();
});
function close(){
$(".img").click(function(){
$("#over").remove();
$(".img").remove();
});
};
});
</script>