// JavaScript Document

$(document).ready(function(){
						   $(".show_img").click(function(e){			
														 $("body").append("<div id='bg'></div>");
														  $("body").append("<div id='img_show'><p>X close</p><img src='"+this.href+"' /></div>");
														  //var imgPosLeft=($("body").width()-("#img_show img").width())/2;
														  $("#img_show")
														  .css({position:"absolute","z-index":"10",top:(e.pageY-360+"px"),left:(e.pageX-200+"px"),background:"#000",padding:"3px",display:"none"})
														  .fadeIn();
														  $("#img_show p").css({color:"#fff",padding:"0 10px 4px 0","text-align":"right",cursor:"pointer"});
														  $("#bg")
														  .css({position:"absolute",left:"0px",top:"0px",width:($("body").width()),height:($("body").height()),background:"#000","z-index":"1",filter:"Alpha(opacity=50)","-moz-opacity":"0.5",opacity:"0.5",display:"none"})
														  .fadeIn();														  
														  return false;
														  });
						   $("body").click(function(){
														 $("#img_show").fadeOut("normal",function(){
																					$("#img_show").remove();
																					});
														 $("#bg").fadeOut("normal",function(){
																					$("#bg").remove();
																					});
														 });
						   
						   });